Hurry up with the update of the SacraSchool simulator!!!! 🤬💢game's game

Click here for free DL of the app version that can save data.

No:558

162

←

Prev Next

→

Hurry up with the update of the SacraSchool simula..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/6/15 19:40:23
Build time 39.158 sec｜Game capacity 2.975KB｜

Script

Overview: The player tilts the phone to、This is a game to catch insects. The insects are moving in the screen.、Players tilt their phones up and down, left and right.、Tap to catch insects while chasing them. Players compete to see how many bugs they can catch. Below is the actual program.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

の概要: プレイヤーはスマホを傾けて、虫を捕まえるゲームです。虫が画面内を動いているので、プレイヤーはスマホを上下左右に傾けて、虫を追いかけながらタップして捕まえます。プレイヤーが捕まえる虫の数を競うゲームです。

以下が実際のプログラムです。

<!DOCTYPE html>
<html>
<head>
	<title>Insect Catcher Game</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<style>
		body {
			margin: 0;
			padding: 0;
			overflow: hidden;
			background-color: #f8f8f8;
		}

canvas {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			z-index: -1;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<div id="score">0</div>

// 画面幅・高さ
		var WIDTH = window.innerWidth;
		var HEIGHT = window.innerHeight;

// アプリの初期化
		function initialize() {
			canvas = document.getElementById("canvas");
			canvas.width = WIDTH;
			canvas.height = HEIGHT;
			ctx = canvas.getContext("2d");

score = document.getElementById("score");
			insects = [];

startTime = Date.now();
			lastTime = startTime;

// 虫を生成するタイマー
			timeInterval = setInterval(function() {
				var insect = {
					x: Math.random() * WIDTH,
					y: Math.random() * HEIGHT,
					radius: Math.random() * 20 + 10,
					speed: Math.random() * 5 + 5,
					direction: Math.random() * Math.PI * 2
				};

insects.push(insect);
			}, 1000);

requestAnimationFrame(draw);
		}

// 画面の更新
		function draw() {
			var currentTime = Date.now();
			var deltaTime = (currentTime - lastTime) / 1000;
			lastTime = currentTime;

ctx.clearRect(0, 0, WIDTH, HEIGHT);

// 虫を描画
			insects.forEach(function(insect) {
				ctx.beginPath();
				ctx.arc(insect.x, insect.y, insect.radius, 0, Math.PI * 2);
				ctx.fillStyle = "#EFEFEF";
				ctx.fill();

insect.x += Math.cos(insect.direction) * insect.speed * deltaTime;
				insect.y += Math.sin(insect.direction) * insect.speed * deltaTime;

if (insect.x < 0 || insect.x > WIDTH) {
					insect.direction = Math.PI - insect.direction;
				}

if (insect.y < 0 || insect.y > HEIGHT) {
					insect.direction = -insect.direction;
				}
			});

// スコアを更新
			score.innerHTML = insects.length;

requestAnimationFrame(draw);
		}

// タップした時の処理
		document.addEventListener("touchstart", function(event) {
			var x = event.changedTouches[0].pageX;
			var y = event.changedTouches[0].pageY;

// 虫を捕まえた時の処理
			insects.forEach(function(insect, index) {
				var distance = Math.sqrt(Math.pow(x - insect.x, 2) + Math.pow(y - insect.y, 2));

if (distance <= insect.radius) {
					insects.splice(index, 1);
				}
			});
		});

window.onload = initialize;
	</script>
</body>
</html>