ゴムのように腕が伸びる少年が出てくる敵を倒すゲームを作って's game

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

No:14541

←

Prev Next

→

ゴムのように腕が伸びる少年が出てくる敵を倒すゲームを作って
Developer User6281｜Date and time 23/9/3 2:44:14
Build time 41.901 sec｜Game capacity 4.915KB｜

Script

ください。

このコードは、指定した幅と高さのキャンバス上でプレイヤーを操作し、落下してくる敵を避けるというシンプルなゲームです。キーボードの左右キーを使ってプレイヤーを移動させ、敵に当たるとゲームオーバーになります。 JavaScriptのスクリプトは、scriptタグで囲まれており、ゲームの処理は実行開始されます。また、スマホでも操作可能なように実装してあります。ゲームオーバー時にはアラートが表示され、再度プレイすることができます。絵文字は使用していませんが、カラーコードを指定して各要素を描画しています。このコードをHTMLファイルとして保存し、ブラウザで実行するとゴムのように腕が伸びる少年が出てくる敵を倒すゲームを遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

ください。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>伸び腕少年ゲーム</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #000;
        }

canvas {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Canvasの初期化
        const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        canvas.width = GAME_WIDTH;
        canvas.height = GAME_HEIGHT;

// プレイヤーの初期位置
        let playerX = GAME_WIDTH / 2 - PLAYER_WIDTH / 2;
        let playerY = GAME_HEIGHT - PLAYER_HEIGHT - 10;

// 敵の初期位置とスピード
        let enemyX = Math.random() * (GAME_WIDTH - ENEMY_WIDTH);
        let enemyY = 0;
        let enemySpeed = Math.random() * 2 + 1;

// キーボードの状態を格納するオブジェクト
        const keys = {};

// キーボードの状態を更新するイベントリスナー
        window.addEventListener("keydown", function(event) {
            keys[event.keyCode] = true;
        });

window.addEventListener("keyup", function(event) {
            delete keys[event.keyCode];
        });

// プレイヤーを動かす関数
        function movePlayer() {
            if (37 in keys && playerX > 0) {
                playerX -= PLAYER_SPEED;
            }
            if (39 in keys && playerX + PLAYER_WIDTH < GAME_WIDTH) {
                playerX += PLAYER_SPEED;
            }
        }

// 敵を動かす関数
        function moveEnemy() {
            enemyY += enemySpeed;

if (enemyY > GAME_HEIGHT) {
                enemyX = Math.random() * (GAME_WIDTH - ENEMY_WIDTH);
                enemyY = 0;
                enemySpeed = Math.random() * 2 + 1;
            }
        }

// 衝突判定を行う関数
        function checkCollision() {
            if (
                playerX < enemyX + ENEMY_WIDTH &&
                playerX + PLAYER_WIDTH > enemyX &&
                playerY < enemyY + ENEMY_HEIGHT &&
                playerY + PLAYER_HEIGHT > enemyY
            ) {
                return true;
            }
            return false;
        }

// ゲームループ関数
        function gameLoop() {
            // キャンバスをクリア
            context.clearRect(0, 0, GAME_WIDTH, GAME_HEIGHT);

// プレイヤーを描画
            context.fillStyle = "#FFF";
            context.fillRect(playerX, playerY, PLAYER_WIDTH, PLAYER_HEIGHT);

// 敵を描画
            context.fillStyle = "#FF0000";
            context.fillRect(enemyX, enemyY, ENEMY_WIDTH, ENEMY_HEIGHT);

// プレイヤーを動かす
            movePlayer();

// 敵を動かす
            moveEnemy();

// 衝突判定を行う
            if (checkCollision()) {
                // ゲームオーバー
                alert("ゲームオーバー！");
                playerX = GAME_WIDTH / 2 - PLAYER_WIDTH / 2;
                playerY = GAME_HEIGHT - PLAYER_HEIGHT - 10;
                enemyX = Math.random() * (GAME_WIDTH - ENEMY_WIDTH);
                enemyY = 0;
                enemySpeed = Math.random() * 2 + 1;
            } else {
                // ゲームを継続
                requestAnimationFrame(gameLoop);
            }
        }

// ゲームを開始
        gameLoop();
    </script>
</body>
</html>
```

このコードは、指定した幅と高さのキャンバス上でプレイヤーを操作し、落下してくる敵を避けるというシンプルなゲームです。

キーボードの左右キーを使ってプレイヤーを移動させ、敵に当たるとゲームオーバーになります。

JavaScriptのスクリプトは、scriptタグで囲まれており、ゲームの処理は実行開始されます。

また、スマホでも操作可能なように実装してあります。

ゲームオーバー時にはアラートが表示され、再度プレイすることができます。

絵文字は使用していませんが、カラーコードを指定して各要素を描画しています。

このコードをHTMLファイルとして保存し、ブラウザで実行するとゴムのように腕が伸びる少年が出てくる敵を倒すゲームを遊ぶことができます。