AI game creator

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

No:3323

2487

←

Prev Next

→

Games to fix bugs
Developer User3655｜Date and time 23/6/24 13:31:51
Build time 23.373 sec｜Game capacity 2.308KB｜

Script

Score: 0

このアプリは「バグを潰すゲーム」です。画面上に表示されるランダムな色の四角形が「バグ」として、1クリックで消去することができます。画面上には常に5匹のバグが存在するようになっています。クリックでバグを消去するたびにスコアが加算され、スコアは画面右上に表示されます。画面をタップして遊ぶことができるため、スマホでも遊ぶことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>Bug Hunt Game</title>
	<style>
		body {
			margin: 0;
			padding: 0;
		}

canvas {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}

#score {
			position: absolute;
			top: 10px;
			right: 10px;
			font-size: 24px;
		}
	</style>
</head>
<body>
	<canvas id="canvas"></canvas>
	<div id="score">Score: 0</div>

let score = 0;
		const bugSize = 50;

function drawBug(x, y) {
			const color = '#' + Math.floor(Math.random() * 16777215).toString(16);
			ctx.fillStyle = color;
			ctx.fillRect(x, y, bugSize, bugSize);
		}

function updateScore() {
			score++;
			document.getElementById('score').innerHTML = 'Score: ' + score;
		}

canvas.addEventListener('click', function(event) {
			const clickX = event.clientX;
			const clickY = event.clientY;

for (let i = 0; i < bugs.length; i++) {
				if (clickX >= bugs[i].x && clickX <= bugs[i].x + bugSize && clickY >= bugs[i].y && clickY <= bugs[i].y + bugSize) {
					bugs.splice(i, 1);
					updateScore();
					break;
				}
			}
		});

let bugs = [];
		function spawnBug() {
			const maxX = canvas.width - bugSize;
			const maxY = canvas.height - bugSize;
			const x = Math.floor(Math.random() * maxX);
			const y = Math.floor(Math.random() * maxY);
			drawBug(x, y);
			bugs.push({x, y});
		}

setInterval(gameLoop, 1000/30);	// 30fps

</script>
</body>
</html>