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

No:26304

←

Prev Next

→

ワンワンニャンニャン
Developer User12985｜Date and time 23/11/28 21:54:29
Build time 94.561 sec｜Game capacity 2.858KB｜

Script

了解しました。以下が1枚のHTMLファイルとして実装されたJavaScriptを含むゲームのサンプルです。

ワンワンニャンニャン

このサンプルでは、ワンワンニャンニャンというゲームを作成しています。ゲーム画面の中央に表示される動物（犬または猫）をクリックすることでスコアが増え、スコアが10以上になった場合にゲームが終了します。ゲーム終了後にはスコアが表示され、再度プレイすることができます。なお、絵文字の使用には対応しているブラウザが必要です。また、スマホ操作を前提としているため、PCでの動作を保証するものではありません。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下が1枚のHTMLファイルとして実装されたJavaScriptを含むゲームのサンプルです。

```html
<!DOCTYPE html>
<html>
<head>
    <title>ワンワンニャンニャン</title>
    <style>
        body {
            text-align: center;
            font-size: 24px;
        }
        #gameCanvas {
            width: 300px;
            height: 300px;
            border: 1px solid black;
            margin: 0 auto;
        }
    </style>
</head>
<body>
    <h1>ワンワンニャンニャン</h1>
    <div id="gameCanvas"></div>
    
    <script>
        // ゲームの状態を管理する変数
        var gameState = {
            score: 0,
            animal: ""
        };
        
        // ゲームの開始
        function startGame() {
            gameState.score = 0;
            gameState.animal = "";
            
            // ランダムに犬か猫を選択
            var random = Math.random();
            if (random < 0.5) {
                gameState.animal = "犬";
            } else {
                gameState.animal = "猫";
            }
            
            // ゲーム画面を表示
            document.getElementById("gameCanvas").innerHTML = "クリックして" + gameState.animal + "を鳴かせよう";
        }
        
        // ゲームの終了
        function endGame() {
            document.getElementById("gameCanvas").innerHTML = "スコア: " + gameState.score + "<br>もう一度プレイするには<strong>ここをクリック</strong>";
        }
        
        // ページがロードされた時にゲームを開始
        window.onload = function() {
            startGame();
        };
        
        // ゲーム画面をクリックした時の処理
        document.getElementById("gameCanvas").onclick = function() {
            gameState.score++; // スコアを1増やす
            document.getElementById("gameCanvas").innerHTML = "クリックして" + gameState.animal + "を鳴かせよう<br>スコア: " + gameState.score;
            
            // スコアが10以上になった場合、ゲーム終了
            if (gameState.score >= 10) {
                endGame();
            }
        };
    </script>
</body>
</html>
```

このサンプルでは、ワンワンニャンニャンというゲームを作成しています。ゲーム画面の中央に表示される動物（犬または猫）をクリックすることでスコアが増え、スコアが10以上になった場合にゲームが終了します。ゲーム終了後にはスコアが表示され、再度プレイすることができます。

なお、絵文字の使用には対応しているブラウザが必要です。また、スマホ操作を前提としているため、PCでの動作を保証するものではありません。