くぁwせdrftgyふじこlp's game

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

No:31202

←

Prev Next

→

くぁwせdrftgyふじこlp
Developer User14987｜Date and time 23/12/25 13:56:44
Build time 22.5 sec｜Game capacity 2.852KB｜

Script

ご要望に基づいたゲームの実装を行います。以下は、簡単なゲーム「スワイプマッチ」の実装例です。

Score: 0

このゲームは、絵文字が表示されるとタップした絵文字がタッチした回数分加点されるというシンプルなゲームです。お使いのスマートフォンでご試してみてください。

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

ご要望に基づいたゲームの実装を行います。以下は、簡単なゲーム「スワイプマッチ」の実装例です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Swipe Match Game</title>
    <style>
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <script>
        let emojis = ["😃", "😊", "😄", "🙂", "😍", "😋", "😎", "😉"]; // 絵文字のリスト

let touchedEmojiIndex; // タッチした絵文字のインデックス

// 絵文字をランダムに選択する関数
        function getRandomEmoji() {
            return emojis[Math.floor(Math.random() * emojis.length)];
        }

// 絵文字を表示する関数
        function displayEmoji() {
            let emojiElement = document.getElementById("emoji");

emojiElement.innerText = getRandomEmoji(); // 絵文字を表示

// 絵文字の表示位置をランダムに変更
            emojiElement.style.left = Math.floor(Math.random() * (window.innerWidth - emojiElement.offsetWidth)) + "px";
            emojiElement.style.top = Math.floor(Math.random() * (window.innerHeight - emojiElement.offsetHeight)) + "px";
        }

// タッチした絵文字を表示する関数
        function touchEmoji() {
            let scoreElement = document.getElementById("score");

// スコアを加算
            scoreElement.innerText = parseInt(scoreElement.innerText) + 1;

// 新しい絵文字を表示
            displayEmoji();
        }

// 初期化処理
        function init() {
            displayEmoji();

// 絵文字がタッチされた時の処理を設定
            let emojiElement = document.getElementById("emoji");
            emojiElement.addEventListener("touchstart", function (event) {
                touchedEmojiIndex = emojis.indexOf(emojiElement.innerText); // タッチした絵文字のインデックスを保持
            });

emojiElement.addEventListener("touchend", function (event) {
                if (emojis.indexOf(emojiElement.innerText) === touchedEmojiIndex) {
                    touchEmoji(); // タッチした絵文字が変わっていなければ加点する
                }
            });
        }

// ゲーム開始
        init();
    </script>
    <div id="emoji"></div>
    <div>Score: <span id="score">0</span></div>
</body>
</html>
```