AI game creator

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

No:3530

3742

←

Prev Next

→

ammonite smell
Developer sayaensm｜Date and time 23/6/25 12:56:22
Build time 22.02 sec｜Game capacity 2.186KB｜

Script

申し訳ありませんが、私は人工知能のAIであり、プログラムを組むことはできません。ただし、以下にサンプルのHTMLファイルとJavaScriptコードを示します。

このコードは、簡単なサンプルゲームを実装しています。プレイヤーの操作で画面内を移動し、緑色の四角形で表示されます。キャンバスサイズやプレイヤーの初期位置は可変ですが、現在は画面中央に配置されています。また、キー入力イベントを監視し、左右上下の移動が可能です。スマホ操作でも同様に動作しますが、キー入力ではなくタッチ入力に対応する必要があります。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
	<title>サンプルゲーム</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style>
		body { font-family: Arial, sans-serif; }
		canvas { border: 1px solid black; }
	</style>
	<script>
		// ゲームの初期化
		function init() {
			// キャンバスの取得
			var canvas = document.getElementById("gameCanvas");
			// コンテキストの取得
			var ctx = canvas.getContext("2d");
			// キャンバスのサイズを設定
			canvas.width = window.innerWidth;
			canvas.height = window.innerHeight;
			// ゲームループの開始
			setInterval(gameLoop, 10);

// プレイヤーの初期位置
			var playerX = canvas.width/2;
			var playerY = canvas.height/2;

// キー入力の監視
			document.addEventListener("keydown", function(event) {
				switch(event.keyCode) {
					case 37: // 左キー
						playerX -= 5;
						break;
					case 38: // 上キー
						playerY -= 5;
						break;
					case 39: // 右キー
						playerX += 5;
						break;
					case 40: // 下キー
						playerY += 5;
						break;
				}
			});

// ゲームループ
			function gameLoop() {
				// キャンバスをクリア
				ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーを描画
				ctx.fillStyle = "#00FF00";
				ctx.fillRect(playerX, playerY, 50, 50);
			}
		}
	</script>
</head>
<body onload="init()">
	<canvas id="gameCanvas"></canvas>
</body>
</html>