AI game creator

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

No:10014

←

Prev Next

→

sushi
Developer User3181｜Date and time 23/7/28 20:25:52
Build time 21.294 sec｜Game capacity 2.499KB｜

Script

了解です。以下に、スマートフォンで遊べるお寿司ゲームのHTMLファイルの実装例を示します。

🍣

Score: 0

このHTMLファイルを作成し、ブラウザで開くと、お寿司が画面内をランダムに移動しながら表示され、クリックするとスコアが増えます。さらに10回ごとにお祝いのメッセージが表示されます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

了解です。

以下に、スマートフォンで遊べるお寿司ゲームのHTMLファイルの実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>お寿司ゲーム</title>
    <style>
        #plate {
            font-size: 50px;
            text-align: center;
            padding: 5px;
            margin: 0 auto;
        }
        #score {
            font-size: 30px;
            text-align: center;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="plate">🍣</div>
    <div id="score">Score: 0</div>
    <script>
        // スコアの初期値とクリック回数を保持する変数を定義
        let score = 0;
        let count = 0;
        
        // お寿司をクリックしたときの処理
        function clickSushi() {
            score += 1;  // スコアを1増やす
            count += 1;  // クリック回数を1増やす
            document.getElementById("score").textContent = "Score: " + score;  // スコアを表示する

if (count % 10 === 0) {
                alert("お寿司マスターになりました！");  // 10回ごとにお祝いのメッセージを表示
            }
        }

// お寿司をランダムな位置に表示する処理
        function showSushi() {
            const plate = document.getElementById("plate");
            const screenWidth = window.innerWidth;
            const screenHeight = window.innerHeight;
            const sushiSize = 100;
            const randomX = Math.floor(Math.random() * (screenWidth - sushiSize));
            const randomY = Math.floor(Math.random() * (screenHeight - sushiSize));

plate.style.left = randomX + "px";
            plate.style.top = randomY + "px";
        }

// 画面が読み込まれた時に最初のお寿司を表示する
        window.addEventListener("load", function() {
            showSushi();
        });

// お寿司がクリックされた時に次のお寿司を表示する
        document.getElementById("plate").addEventListener("click", function() {
            clickSushi();
            showSushi();
        });
    </script>
</body>
</html>
```