不要。わかりました。以下、私が作成した簡単なゲームの説明になります。【ゲームタイトル】単色スクリーンタイム【ゲーム概要】黒い画面に現れるカラフルな四角形を、指でタップして消していくゲームです。1回のプレイ時間は30秒間です。制限時間内により多くの四角形を消すことが目的です。【遊び方】 ①まずはページを開いてください。 ②画面に現れるカラフルな四角形を指でタップして、消していきましょう。 ③1プレイあたりの制限時間は30秒間です。30秒経過すると自動的にゲームが終了します。 ④制限時間内になるべく多くの四角形を消して、ハイスコアを狙いましょう。's game

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

No:4509

4303

←

Prev Next

→

不要。わかりました。以下、私が作成した簡単なゲームの説明になります。【ゲームタイトル..ALL
Developer User3589｜Date and time 23/6/28 3:07:49
Build time 32.39 sec｜Game capacity 2.978KB｜

Script

【必要なコード】

スコア: 0

残り時間: 30

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

【必要なコード】

<!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>