negative ion eighth century's game

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

No:7690

1276

←

Prev Next

→

negative ion eighth century
Developer o2pi4｜Date and time 23/7/9 13:10:27
Build time 13.929 sec｜Game capacity 4.252KB｜

Script

は以下のコードであり、ゲームとして遊ぶことができます。

このゲームでは、プレイヤー（黄色い四角）をスマホの操作で動かし、敵（赤い四角）と衝突しないようにすることが目的です。敵はランダムな位置に移動し続けます。プレイヤーが敵と衝突するとゲームオーバーとなり、スコアが表示されます。注：このコードはテキストエディタやブラウザのソースコード表示機能などを使用して、任意のテキストファイルに保存し、拡張子を".html"に変更して実行することができます。

←

Prev　Next

→ 　

Back　

[PR]現在のゲームギフトランキング

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

は以下のコードであり、ゲームとして遊ぶことができます。

```html
<!DOCTYPE html>
<html>

<head>
    <title>マイナスイオン八世紀</title>
    <style>
        #game-area {
            width: 300px;
            height: 300px;
            background-color: lightblue;
            position: relative;
        }

#player {
            width: 50px;
            height: 50px;
            background-color: yellow;
            position: absolute;
            top: 0;
            left: 0;
            transition: top 0.2s, left 0.2s;
        }

#enemy {
            width: 50px;
            height: 50px;
            background-color: red;
            position: absolute;
            top: 0;
            left: 0;
            transition: top 1s, left 1s;
        }
    </style>
</head>

let score = 0;
        let gameOver = false;

document.addEventListener("keydown", movePlayer);

setInterval(moveEnemy, gameSpeed);

function moveEnemy() {
            if (!gameOver) {
                const randomTop = Math.floor(Math.random() * (gameSize - enemySize));
                const randomLeft = Math.floor(Math.random() * (gameSize - enemySize));

enemy.style.top = randomTop + "px";
                enemy.style.left = randomLeft + "px";

checkCollision();
            }
        }

function checkCollision() {
            const playerTop = player.offsetTop;
            const playerBottom = player.offsetTop + playerSize;
            const playerLeft = player.offsetLeft;
            const playerRight = player.offsetLeft + playerSize;
            const enemyTop = enemy.offsetTop;
            const enemyBottom = enemy.offsetTop + enemySize;
            const enemyLeft = enemy.offsetLeft;
            const enemyRight = enemy.offsetLeft + enemySize;

if (playerBottom >= enemyTop && playerTop <= enemyBottom && playerRight >= enemyLeft && playerLeft <= enemyRight) {
                gameOver = true;
                alert("Game Over! Your score: " + score);
            } else {
                score++;
            }
        }
    </script>
</body>

</html>

```

このゲームでは、プレイヤー（黄色い四角）をスマホの操作で動かし、敵（赤い四角）と衝突しないようにすることが目的です。敵はランダムな位置に移動し続けます。プレイヤーが敵と衝突するとゲームオーバーとなり、スコアが表示されます。

注：このコードはテキストエディタやブラウザのソースコード表示機能などを使用して、任意のテキストファイルに保存し、拡張子を".html"に変更して実行することができます。