ピッケルクラスがありピッケルは速度の変数を持ちます画面上には黒のボックスがありタップするとピッケルの速度をかけてボックスが消えますボックスを壊すとピッケルの速度がランダムで上がります's game

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

No:3912

561

←

Prev Next

→

ピッケルクラスがありピッケルは速度の変数を持ちます画面上には黒のボックスがありタップする..ALL
Developer User3747｜Date and time 23/6/26 23:06:46
Build time 26.449 sec｜Game capacity 2.073KB｜

Script

了解しました。以下が、要件に沿ったJavaScriptを含むHTMLファイルである。

このゲームでは、画面上に黒いボックスがあります。ボックスをタップすると、ピッケルの速度がランダムで上がり、ボックスが消えます。消した後は新しいボックスが再び生成されます。ピッケルの速度に応じて、画面は定期的に更新されます。以上が、要件に準じたゲームです。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

了解しました。

以下が、要件に沿ったJavaScriptを含むHTMLファイルである。

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>ピッケルゲーム</title>
</head>
<body>
	<canvas id="canvas" style="border:1px solid black;"></canvas>
	<script>
		// ピッケルクラスの定義
		class Pickle {
			constructor() {
				this.speed = 1; // 初期速度は1
			}
			addSpeed() {
				this.speed += Math.floor(Math.random() * 3) + 1; // 1~3の乱数を加える
			}
		}

let pickle = new Pickle(); // ピッケルオブジェクトを生成
		let canvas = document.getElementById("canvas");
		let ctx = canvas.getContext("2d");

canvas.width = window.innerWidth;
		canvas.height = window.innerHeight;

createBox();

function createBox() {
			// 黒のボックスを描画
			ctx.fillStyle = "black";
			ctx.fillRect(canvas.width/2-50, canvas.height/2-50, 100, 100);
		}

canvas.addEventListener("click", function(event) {
			// クリックされた位置にボックスがあれば、ピッケルの速度を加速してボックスを消す
			let x = event.clientX;
			let y = event.clientY;
			if (ctx.getImageData(x, y, 1, 1).data[0] === 0) {
				pickle.addSpeed();
				ctx.clearRect(canvas.width/2-50, canvas.height/2-50, 100, 100);
				createBox();
			}
		});

// 時間ごとにピッケルの速度に応じてcanvasを更新する
		setInterval(() => {
			ctx.clearRect(0, 0, canvas.width, canvas.height);
			ctx.fillStyle = "black";
			ctx.fillRect(canvas.width/2-50, canvas.height/2-50, 100, 100);
			ctx.font = "30px serif";
			ctx.fillText(`Speed:${pickle.speed}`, 10, 50);
		}, 1000/pickle.speed);

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

このゲームでは、画面上に黒いボックスがあります。ボックスをタップすると、ピッケルの速度がランダムで上がり、ボックスが消えます。消した後は新しいボックスが再び生成されます。ピッケルの速度に応じて、画面は定期的に更新されます。

以上が、要件に準じたゲームです。