AI game creator

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

No:21628

135

←

Prev Next

→

what the poop
Developer User9947｜Date and time 23/10/17 0:33:08
Build time 9.77 sec｜Game capacity 0.318KB｜

Script

The AI could not be gamified with this prompt. Please try again with different prompts. .
Displays games created by AI in the past at random.

【必要なコード】

スコア: 0

残り時間: 30

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

<p style='font-size:14px;background-color:#FF0'>The AI could not be gamified with this prompt. Please try again with different prompts. . <br>Displays games created by AI in the past at random.</p>【必要なコード】

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>単色スクリーンタイム</title>
	<style>
		body {
			margin: 0;
			padding: 0;
		}
		canvas {
			height: 100vh;
			width: 100vw;
		}
	</style>
</head>
<body>

// 初期状態の設定
		var score = 0;
		var timeLeft = 30;
		var squares = [];
		var squareColors = ["#FF0000", "#00FF00", "#0000FF", "#FFFF00", "#FF00FF", "#00FFFF"];
		var interval;
		canvas.addEventListener("click", clickSquare);

// ゲームスタート
		start();

// ゲーム開始時の初期設定
		function start() {
			score = 0;
			timeLeft = 30;
			squares = [];
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			ctx.fillStyle = "#000000";
			ctx.fillRect(0, 0, canvas.width, canvas.height);
			interval = setInterval(drawSquare, 500);
			setInterval(updateTimeLeft, 1000);
		}

// キャンバス上に四角形を描画する
		function drawSquare() {
			var squareSize = Math.floor(Math.random() * 40 + 30); 
			var x = Math.floor(Math.random() * (canvas.width - squareSize)); 
			var y = Math.floor(Math.random() * (canvas.height - squareSize));
			var color = squareColors[Math.floor(Math.random() * 6)];
			squares.push({x: x, y: y, squareSize: squareSize, color: color});
			ctx.fillStyle = color;
			ctx.fillRect(x, y, squareSize, squareSize);
		}

// 制限時間内に残り時間を更新し、ゲームを終了する
		function updateTimeLeft() {
			timeLeft--;
			if (timeLeft <= 0) {
				clearInterval(interval);
				canvas.removeEventListener("click", clickSquare);
				window.alert("ゲーム終了！\nあなたのスコア: " + score);
				start();
			}
			document.getElementById("timeLeft").innerHTML = timeLeft;
		}

// クリックされた四角形の削除とスコアの加算
		function clickSquare(e) {
			var clickedSquare;
			var mouseX = e.clientX - canvas.offsetLeft;
			var mouseY = e.clientY - canvas.offsetTop;
			for (var i = 0; i < squares.length; i++) {
				if (mouseX >= squares[i].x && mouseX <= squares[i].x + squares[i].squareSize 
						&& mouseY >= squares[i].y && mouseY <= squares[i].y + squares[i].squareSize) {
					clickedSquare = squares[i];
					score++;
					break;
				}
			}
			if (clickedSquare) {
				ctx.clearRect(clickedSquare.x, clickedSquare.y, clickedSquare.squareSize, clickedSquare.squareSize);
				var index = squares.indexOf(clickedSquare);
				if (index > -1) {
					squares.splice(index, 1); 
				}
			}
			document.getElementById("score").innerHTML = score;
		}
	</script>

</body>
</html>