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

No:26289

←

Prev Next

→

アスレチック
Developer User12985｜Date and time 23/11/28 19:05:04
Build time 71.989 sec｜Game capacity 3.165KB｜

Script

了解です。以下にプログラム例を示しますが、ゲームの内容やルールが不明なので、ゲームの詳細に応じて変更する必要があります。また、絵文字の使用やスマホ操作前提についても、具体的な要件がないため、以下の例では使用していません。

アスレチックゲーム

スコア: 0

上記のプログラム例では、アスレチックゲームの一例として、画面内を左から右に移動する障害物と、操作できるキャラクターを用意しています。ゲームは「スタート」ボタンを押すと開始され、障害物がキャラクターと衝突するとゲームオーバーになります。ゲームが開始されると、スコアが更新され、障害物が左に移動していきます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>アスレチックゲーム</title>
</head>
<body>
    <h1>アスレチックゲーム</h1>
    <div id="game-container">
        <button id="start-button">スタート</button>
        <div id="obstacle" style="position: absolute; width: 50px; height: 50px; background-color: red;"></div>
        <div id="character" style="position: absolute; top: 200px; width: 30px; height: 30px; background-color: blue;"></div>
        <div id="score">スコア: 0</div>
    </div>

// ゲームを開始する関数
        function startGame() {
            isPlaying = true;
            score = 0;
            
            // ゲームのメインループを開始
            timer = setInterval(update, 10);
        }

// ゲームのメイン処理
        function update() {
            // 障害物の移動
            var obstacle = document.getElementById("obstacle");
            var obstaclePosition = obstacle.style.left;
            obstaclePosition = parseInt(obstaclePosition);
            obstacle.style.left = (obstaclePosition - 1) + "px";

// スコアの更新
            score++;
            document.getElementById("score").textContent = "スコア: " + score;

// 障害物とキャラクターの当たり判定
            var character = document.getElementById("character");
            var characterPosition = character.style.left;
            characterPosition = parseInt(characterPosition);
            if (characterPosition + 30 >= obstaclePosition && characterPosition <= obstaclePosition + 50) {
                // ゲームオーバー
                stopGame();
            }
        }

// ゲームを停止する関数
        function stopGame() {
            isPlaying = false;
            clearInterval(timer);
            alert("ゲームオーバー");
        }

// スタートボタンのクリックイベント
        document.getElementById("start-button").addEventListener("click", function() {
            if (!isPlaying) {
                startGame();
            }
        });
    </script>
</body>
</html>
```