ひよこちゃんのサバイバル's game

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

No:13704

←

Prev Next

→

ひよこちゃんのサバイバル
Developer おまめちゃん｜Date and time 23/8/29 13:46:59
Build time 14.91 sec｜Game capacity 1.894KB｜

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>ひよこちゃんのサバイバル</title>
    <style>
        body {
            background-color: white;
            text-align: center;
        }

#game {
            font-size: 100px;
        }
    </style>
</head>
<body>
<div id="game">🐥</div>
<script>
    // ゲームオーバーフラグ
    let gameOver = false;

// ゲーム開始時のひよこちゃんの位置
    let position = 0; // 左端を0として位置を表す

// 画面をタップした時の処理
    function onTap() {
        if (!gameOver) {
            // ひよこちゃんを右に移動
            position += 10;
            document.getElementById('game').style.marginLeft = position + "px";
        }
    }

// 画面をタップした時の処理を登録
    document.addEventListener("touchstart", onTap, false);

// ひよこちゃんが画面外に出た時の処理
    function checkGameOver() {
        const gameWidth = window.innerWidth;
        const chickWidth = document.getElementById('game').offsetWidth;
        if (position + chickWidth >= gameWidth) {
            // ゲームオーバーフラグを立てる
            gameOver = true;
            alert("ゲームオーバー");
        }
    }

// ひよこちゃんの位置を監視
    setInterval(checkGameOver, 100);
</script>
</body>
</html>
```

この例では、ひよこちゃんの絵文字を表示し、タップすると右に移動します。画面右端にひよこちゃんが到達するとゲームオーバーとなり、アラートが表示されます。

ただし、実際のゲームとしては短すぎるため、もっとゲームの要素を追加する必要があります。以上、サンプルの実装となります。