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

No:20188

←

Prev Next

→

^ - ^-(※※※※※
Developer User8975｜Date and time 23/10/8 18:39:06
Build time 13.104 sec｜Game capacity 2.034KB｜

Script

了解です！以下に、スマホで遊べるシンプルなゲームを実装したHTMLファイルの例を示します。

Emoji Game

Score: 0

😃

このゲームでは、画面内を移動する絵文字をクリックしてスコアを加算する仕組みです。スマホで表示して絵文字をタップすることで遊ぶことができます。また、スコア表示や絵文字のランダムな移動など、JavaScriptを使用して実装しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解です！以下に、スマホで遊べるシンプルなゲームを実装したHTMLファイルの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Emoji Game</title>
</head>
<body>
    <h1>Emoji Game</h1>
    <div id="score">Score: 0</div>
    <div id="emoji">😃</div>
    
    <script>
        // 初期スコアを設定
        let score = 0;

// スコア表示用のHTML要素を取得
        const scoreElement = document.getElementById("score");

// 絵文字を取得
        const emojiElement = document.getElementById("emoji");

// 絵文字がクリックされた時の処理
        emojiElement.addEventListener("click", function() {
            // スコアを更新
            score++;
            scoreElement.textContent = "Score: " + score;

// 絵文字の位置をランダムに移動
            const maxX = window.innerWidth - emojiElement.clientWidth;
            const maxY = window.innerHeight - emojiElement.clientHeight;
            const newX = Math.floor(Math.random() * maxX);
            const newY = Math.floor(Math.random() * maxY);
            emojiElement.style.left = newX + "px";
            emojiElement.style.top = newY + "px";
        });

// ゲーム開始
        window.addEventListener("DOMContentLoaded", function() {
            // 絵文字の初期位置を設定
            emojiElement.style.left = "50%";
            emojiElement.style.top = "50%";
        });
    </script>
    
    <style>
        #emoji {
            position: absolute;
            font-size: 48px;
            cursor: pointer;
        }
    </style>
</body>
</html>
```