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

No:9934

151

←

Prev Next

→

Gao Gao, Dinosaur!
Developer User4444｜Date and time 23/7/28 10:39:37
Build time 17.074 sec｜Game capacity 1.977KB｜

Script

了解です。以下に、ガオガオ、ダイナソー！というゲームをHTMLファイルとして実装するサンプルコードを示します。

ガオガオ、ダイナソー！

🦖

このコードでは、ガオガオ、ダイナソー！というタイトルのゲームを作成しています。ページ上に表示されるダイナソーの絵文字をタップするとスコアが1ずつ増えます。ダイナソーの位置は1秒ごとにランダムに変更されます。なお、スマホ操作前提という条件ですので、実際にスマートフォンで上記のコードを開き、絵文字のダイナソーをタップすることでゲームがプレイできると思います。

←

Prev　Next

→ 　

Back　

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

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

了解です。以下に、ガオガオ、ダイナソー！というゲームをHTMLファイルとして実装するサンプルコードを示します。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ガオガオ、ダイナソー！</title>
    <style>
        body {
            text-align: center;
        }
        #score {
            font-size: 50px;
        }
        #dinosaur {
            font-size: 100px;
        }
    </style>
</head>
<body>
    <h1>ガオガオ、ダイナソー！</h1>
    <p id="score">0</p>
    <p id="dinosaur">🦖</p>

// ダイナソーをタップした時の処理
        document.getElementById('dinosaur').addEventListener('click', () => {
            score++;
            document.getElementById('score').textContent = score;
        });

// ガオガオとダイナソーの位置をランダムに変更
        function randomizePosition() {
            const x = Math.random() * (window.innerWidth - 200);
            const y = Math.random() * (window.innerHeight - 200);
            document.getElementById('dinosaur').style.left = `${x}px`;
            document.getElementById('dinosaur').style.top = `${y}px`;
        }

// ページが読み込まれたらゲームスタート
        window.addEventListener('load', () => {
            setInterval(randomizePosition, 1000);
        });
    </script>
</body>
</html>
```

このコードでは、ガオガオ、ダイナソー！というタイトルのゲームを作成しています。ページ上に表示されるダイナソーの絵文字をタップするとスコアが1ずつ増えます。ダイナソーの位置は1秒ごとにランダムに変更されます。

なお、スマホ操作前提という条件ですので、実際にスマートフォンで上記のコードを開き、絵文字のダイナソーをタップすることでゲームがプレイできると思います。