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

No:12028

160

←

Prev Next

→

The Human Resistance
Developer User1006｜Date and time 23/8/13 19:37:29
Build time 36.685 sec｜Game capacity 5.084KB｜

Script

はゾンビ襲撃に立ち向かうミッションが始まりました！プレイヤーは左右に動くことができ、上下に飛び跳ねながらゾンビを避けなければなりません。以下が実装の例です：

ゾンビ襲撃

🤺

🧟

上記のコードでは、ボタンをクリックすることでゲームがスタートします。プレイヤーは左右に移動し、スペースキーを押すことでジャンプします。ゾンビは左から右に移動し、プレイヤーと接触するとゲームオーバーとなります。ゲームオーバー後はページがリロードされ、再度スタートすることができます。

←

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>Zombie Attack</title>
    <style>
        #player {
            position: absolute;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
        }
        #zombie {
            position: absolute;
            top: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <script>
        // ゲームの全体的な設定
        const gameWidth = 400;
        const gameHeight = 600;
        const playerSize = 50;
        const zombieSize = 50;
        const zombieSpeed = 5;
        const jumpHeight = 100;

// ゲームオブジェクト
        const game = {
            player: {
                element: document.getElementById('player'),
                x: gameWidth / 2 - playerSize / 2,
                y: gameHeight - playerSize
            },
            zombie: {
                element: document.getElementById('zombie'),
                x: 0,
                y: 0
            },
            isJumping: false
        };

// キーボードの操作によるイベントリスナー
        document.addEventListener('keydown', handleKeyDown);
        document.addEventListener('keyup', handleKeyUp);

function handleKeyDown(event) {
            if (event.key === 'ArrowLeft') {
                movePlayer('left');
            } else if (event.key === 'ArrowRight') {
                movePlayer('right');
            }
        }

function handleKeyUp(event) {
            movePlayer('stop');
        }

// プレイヤーの移動
        function movePlayer(direction) {
            if (direction === 'left') {
                game.player.x = Math.max(0, game.player.x - 10);
            } else if (direction === 'right') {
                game.player.x = Math.min(gameWidth - playerSize, game.player.x + 10);
            }

game.player.element.style.left = game.player.x + 'px';
        }

// ジャンプ処理
        function jumpPlayer() {
            if (!game.isJumping) {
                game.isJumping = true;
                let jumpCount = 0;

const jumpInterval = setInterval(() => {
                    game.player.y -= 10; // 上に移動

if (jumpCount === jumpHeight) {
                        clearInterval(jumpInterval);
                        // ジャンプの頂点到達後、降下処理を行う
                        fallPlayer();
                    } else {
                        jumpCount += 10;
                        game.player.element.style.bottom = game.player.y + 'px';
                    }
                }, 20);
            }
        }

// プレイヤーの降下処理
        function fallPlayer() {
            const fallInterval = setInterval(() => {
                game.player.y += 10; // 下に移動

if (game.player.y === gameHeight - playerSize) {
                    clearInterval(fallInterval);
                    game.isJumping = false;
                }

game.player.element.style.bottom = game.player.y + 'px';
            }, 20);
        }

// ゾンビの移動
        function moveZombie() {
            const zombieInterval = setInterval(() => {
                if (game.zombie.y < game.player.y + playerSize && game.zombie.y + zombieSize > game.player.y &&
                    game.zombie.x < game.player.x + playerSize && game.zombie.x + zombieSize > game.player.x) {
                    clearInterval(zombieInterval);
                    alert('ゲームオーバー！');
                    location.reload();
                } else {
                    game.zombie.x += zombieSpeed;
                    if (game.zombie.x > gameWidth) {
                        game.zombie.x = 0;
                    }
                    game.zombie.element.style.left = game.zombie.x + 'px';
                }
            }, 20);
        }

// ゲーム開始
        function startGame() {
            moveZombie();
        }

// ゲームスタートボタンのクリックイベントを設定
        document.getElementById('startButton').addEventListener('click', startGame);
    </script>
    <h1>ゾンビ襲撃</h1>
    <button id="startButton">ゲームスタート！</button>
    <div id="player">🤺</div>
    <div id="zombie">🧟</div>
</body>
</html>
```