A game where you must create a special and unique monster as a companion to capture different monsters and to be able to capture the most powerful monster with two endings, one where only the protagonist sees the strongest monster and another where he captures it.'s game

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

No:1246

251

←

Prev Next

→

A game where you must create a special and unique ..ALL
Developer User3280｜Date and time 23/6/18 9:12:59
Build time 11.2 sec｜Game capacity 1.294KB｜

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>