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

No:9642

147

←

Prev Next

→

Brain Shattering Games
Developer User4403｜Date and time 23/7/26 18:26:05
Build time 28.086 sec｜Game capacity 3.291KB｜

Script

了解しました。以下に脳を粉砕するゲームのHTMLファイルの実装例を示します。

脳を粉砕するゲーム

Score: 0

このゲームでは、スタートボタンをクリックしてゲームを開始し、スワイプ操作によってスコアを増減させることができます。スマートフォンのブラウザで開いて遊ぶことができます。

←

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>
</head>
<body>
    <h1 id="title">脳を粉砕するゲーム</h1>
    <div id="game-container">
        <div id="score">Score: 0</div>
        <button id="start-button">スタート</button>
    </div>

let gameActive = false;  // ゲームがアクティブかどうかのフラグ
        let score = 0;  // スコア

// ゲーム開始時の処理
        function startGame() {
            gameActive = true;
            score = 0;
            document.getElementById('score').textContent = 'Score: ' + score;
        }

// スマホのタッチイベントの処理
        let xDown = null;
        let yDown = null;

function handleTouchStart(event) {
            xDown = event.touches[0].clientX;
            yDown = event.touches[0].clientY;
        }

function handleTouchMove(event) {
            if (!xDown || !yDown) {
                return;
            }

let xUp = event.touches[0].clientX;
            let yUp = event.touches[0].clientY;

let xDiff = xDown - xUp;
            let yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
                if (xDiff > 0) {
                    // 左にスワイプされた場合の処理
                    if (gameActive) {
                        score++;
                        document.getElementById('score').textContent = 'Score: ' + score;
                    }
                } else {
                    // 右にスワイプされた場合の処理
                    if (gameActive) {
                        score--;
                        document.getElementById('score').textContent = 'Score: ' + score;
                    }
                }
            } else {
                if (yDiff > 0) {
                    // 上にスワイプされた場合の処理
                    if (gameActive) {
                        score++;
                        document.getElementById('score').textContent = 'Score: ' + score;
                    }
                } else {
                    // 下にスワイプされた場合の処理
                    if (gameActive) {
                        score--;
                        document.getElementById('score').textContent = 'Score: ' + score;
                    }
                }
            }

xDown = null;
            yDown = null;
        }

// スタートボタンのクリックイベントの処理
        document.getElementById('start-button').addEventListener('click', startGame);
    </script>
</body>
</html>
```