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

No:39884

←

Prev Next

→

1000000000000000000
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/30 18:54:30
Build time 13.229 sec｜Game capacity 2.683KB｜

Script

了解しました。以下にHTMLファイルのサンプルを提供します。

ゲーム

スコア: 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>
    <style>
        body {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #score {
            font-size: 2em;
        }
        #game {
            width: 100%;
            height: 400px;
            border: 2px solid black;
            margin-top: 20px;
            position: relative;
        }
        #player {
            position: absolute;
            left: 50%;
            bottom: 10px;
            transform: translateX(-50%);
            font-size: 3em;
        }
    </style>
</head>
<body>
    <h1>ゲーム</h1>
    <div id="score">スコア: 0</div>
    <div id="game">
        <div id="player">🚀</div>
    </div>

// プレイヤー要素を取得
        const player = document.getElementById('player');
        
        // スコアを管理する変数
        let score = 0;
       
        // プレイヤーの初期位置
        let playerPosition = 50;

// スワイプの開始位置を保持する変数
        let startX;

// スワイプの終了位置を保持する変数
        let endX;

// スワイプの処理を行う関数
        function handleSwipe() {
            // スワイプの方向を判定
            if (endX < startX) {
                // 左にスワイプした場合
                playerPosition -= 10;
            } else {
                // 右にスワイプした場合
                playerPosition += 10;
            }
            
            // プレイヤーの位置を更新
            player.style.left = playerPosition + '%';

// スコアを更新
            score++;
            document.getElementById('score').textContent = 'スコア: ' + score;
        }

// イベントリスナーを追加
        player.addEventListener('touchstart', function(event) {
            // タッチ開始時のX座標を保存
            startX = event.touches[0].clientX;
        });

player.addEventListener('touchend', function(event) {
            // タッチ終了時のX座標を保存
            endX = event.changedTouches[0].clientX;

// スワイプの処理を実行
            handleSwipe();
        });
    </script>
</body>
</html>
```