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

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 157

Warning: in_array() expects parameter 2 to be array, bool given in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 476

Warning: count(): Parameter must be an array or an object that implements Countable in /home/yukuri/crypto-app.tokyo/public_html/AIGameCreator/Com0.php on line 484
ピッケルクラスがありピッケルは速度の変数を持ちます画面上には黒のボックスがありタップするとピッケルの速度をかけてボックスが消えますボックスを壊すとピッケルの速度がランダムで上がります's game | AI game creator

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

No:3912

549

←

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>

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

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