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

No:5825

727

←

Prev Next

→

Surrounded by a large number of fast zombies
Developer User3839｜Date and time 23/6/30 21:21:41
Build time 37.667 sec｜Game capacity 3.686KB｜

Script

了解です。以下に、スマートフォンで遊べるシンプルなゲームを実装してみます。

ゾンビゲーム

🧟

このゲームでは、プレイヤーのアイコンを操作して高速で移動するゾンビから逃げるシューティングゲームです。プレイヤーをタッチ操作で動かし、ゾンビがプレイヤーに触れるとゲームオーバーとなります。ゾンビは一定の時間ごとにランダムに生成され、画面内をランダムに動き回ります。このゲームは1枚のHTMLファイルとして実装されており、JavaScriptは`
`タグで囲まれています。処理は実行開始され、スマホ操作前提でプレイできます。

←

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>
        #player {
            font-size: 50px;
        }
    </style>
</head>
<body>
    <h1>ゾンビゲーム</h1>
    <div>
        <span id="player">🧟</span>
    </div>
    <script>
        // スマホの画面サイズを取得
        const screenWidth = window.innerWidth;
        const screenHeight = window.innerHeight;
        
        // プレイヤーの初期位置を画面中央にする
        const player = document.getElementById("player");
        player.style.left = (screenWidth / 2) + 'px';
        player.style.top = (screenHeight / 2) + 'px';

// タッチ操作でプレイヤーを移動する
        function onTouch(event) {
            const touch = event.touches[0];
            const x = touch.clientX;
            const y = touch.clientY;
            player.style.left = x + 'px';
            player.style.top = y + 'px';
        }

document.addEventListener('touchmove', onTouch, false);

// ゾンビの生成と移動
        setInterval(function(){
            const zombie = document.createElement('span');
            zombie.textContent = '🧟';
            zombie.style.fontSize = '50px';
            // ゾンビの初期位置をランダムに決定
            const zombieX = Math.floor(Math.random() * screenWidth);
            const zombieY = Math.floor(Math.random() * screenHeight);
            zombie.style.position = 'absolute';
            zombie.style.left = zombieX + 'px';
            zombie.style.top = zombieY + 'px';
            document.body.appendChild(zombie);

// ゾンビをランダムな方向に移動させる
            setInterval(function(){
                const speedX = Math.floor(Math.random() * 5) - 2;
                const speedY = Math.floor(Math.random() * 5) - 2;
                zombieX += speedX;
                zombieY += speedY;
                zombie.style.left = zombieX + 'px';
                zombie.style.top = zombieY + 'px';

// ゾンビが画面外に出たら削除する
                if (zombieX < 0 || zombieX > screenWidth || zombieY < 0 || zombieY > screenHeight) {
                    document.body.removeChild(zombie);
                }

// プレイヤーがゾンビに触れたらゲームオーバー
                const playerRect = player.getBoundingClientRect();
                const zombieRect = zombie.getBoundingClientRect();
                if (playerRect.left < zombieRect.right && 
                    playerRect.right > zombieRect.left && 
                    playerRect.top < zombieRect.bottom && 
                    playerRect.bottom > zombieRect.top) {
                    alert('ゲームオーバー');
                    window.location.reload();
                }
            }, 1000 / 60);
        }, 2000);
    </script>
</body>
</html>
```

このゲームでは、プレイヤーのアイコンを操作して高速で移動するゾンビから逃げるシューティングゲームです。プレイヤーをタッチ操作で動かし、ゾンビがプレイヤーに触れるとゲームオーバーとなります。ゾンビは一定の時間ごとにランダムに生成され、画面内をランダムに動き回ります。

このゲームは1枚のHTMLファイルとして実装されており、JavaScriptは`<script>`タグで囲まれています。処理は実行開始され、スマホ操作前提でプレイできます。