sow thistle (Sonchus oleraceus)'s game

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

No:4442

3227

←

Prev Next

→

sow thistle (Sonchus oleraceus)
Developer anonymous｜Date and time 70/1/1 9:45:33
Build time unknown sec｜Game capacity 2.733KB｜

Script

了解しました。十字キーとスペースキーを使って遊べるシューティングゲームを作ります。以下がコードになります。

このシューティングゲームでは、プレイヤーが左右キーで移動し、スペースキーを押すと弾を撃って敵を倒すというゲームルールです。プレイヤーや敵は絵文字を使って表現することも可能です。

←

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>
</head>
<body>
	<canvas id="gameCanvas" width="640" height="480"></canvas>
	<script>
		var canvas = document.getElementById("gameCanvas");
		var ctx = canvas.getContext("2d");

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

var enemyX = 0; // 敵のX座標

// 弾の配列
		var bullets = [];

// キャラクターのサイズ
		var playerSize = 32;
		var enemySize = 32;
		var bulletSize = 10;

// ゲームループ
		function gameLoop() {
			// 画面をクリア
			ctx.clearRect(0, 0, canvas.width, canvas.height);

// プレイヤーを描画
			ctx.fillStyle = "yellow";
			ctx.fillRect(playerX - (playerSize / 2), playerY - (playerSize / 2), playerSize, playerSize);

// 敵を描画
			ctx.fillStyle = "red";
			ctx.fillRect(enemyX - (enemySize / 2), 0, enemySize, enemySize);

// 弾を描画
			ctx.fillStyle = "white";
			for (var i = 0; i < bullets.length; i++) {
				ctx.fillRect(bullets[i].x - (bulletSize / 2), bullets[i].y - (bulletSize / 2), bulletSize, bulletSize);
			}

// 敵の移動
			enemyX += 5;
			if (enemyX > canvas.width) {
				enemyX = 0;
			}

// 弾の移動と当たり判定
			for (var i = 0; i < bullets.length; i++) {
				bullets[i].y -= 10;

// 弾が画面外に出た場合削除
				if (bullets[i].y < 0) {
					bullets.splice(i, 1);
					i--;
					continue;
				}

// 当たり判定
				if (bullets[i].x > enemyX - (enemySize / 2) && bullets[i].x < enemyX + (enemySize / 2) && bullets[i].y > 0) {
					bullets.splice(i, 1);
					i--;
					enemyX = 0;
				}
			}

requestAnimationFrame(gameLoop);
		}

// キーボードの入力
		document.addEventListener("keydown", onKeyDown, false);
		document.addEventListener("keyup", onKeyUp, false);
		function onKeyDown(event) {
			switch (event.keyCode) {
				case 37: // ←
					playerX -= 10;
					break;
				case 39: // →
					playerX += 10;
					break;
				case 32: // スペース
					bullets.push({
						x: playerX,
						y: playerY - (playerSize / 2)
					});
					break;
			}
		}
		function onKeyUp(event) {
			// キーを離したときの処理
		}

gameLoop();
	</script>
</body>
</html>
```

このシューティングゲームでは、プレイヤーが左右キーで移動し、スペースキーを押すと弾を撃って敵を倒すというゲームルールです。
プレイヤーや敵は絵文字を使って表現することも可能です。