AI game creator

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

No:5809

821

←

Prev Next

→

The Backrooms
Developer もちきなこ｜Date and time 23/6/30 20:49:15
Build time 31.232 sec｜Game capacity 3.069KB｜

Script

了解しました。以下にスマホで遊べるゲーム「The Backrooms」の実装例を示します。

🚶

この実装例では、「The Backrooms」というタイトルのスマホで遊べるゲームを作成しています。プレイヤーは「🚶」の絵文字で表示され、左右に移動してゴールにたどり着くことが目的です。スマホの画面上で横方向にスワイプすることでプレイヤーが左右に移動します。プレイヤーがゴール（位置10）に到達すると、お祝いのメッセージ「🎉」が表示されます。なお、このゲームはシンプルな仕様のため、実際の「The Backrooms」とは異なる可能性があります。また、絵文字が正しく表示されない場合は、適切な絵文字に置き換えてください。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にスマホで遊べるゲーム「The Backrooms」の実装例を示します。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>The Backrooms</title>
    <style>
        #room {
            font-size: 30px;
            text-align: center;
            padding: 40px;
        }
    </style>
</head>
<body>
    <div id="room">
        🚶
    </div>

// プレイヤーの操作に応じた処理を行う関数
        function movePlayer(direction) {
            const room = document.getElementById("room");
            
            // プレイヤーの位置を移動
            playerPosition += direction;

// プレイヤーが移動するごとに表示を更新
            room.innerHTML = "🚶".repeat(playerPosition);

// ゴール判定
            if (playerPosition >= 10) {
                alert("Congratulations! You escaped from The Backrooms!");
                room.innerHTML = "🎉";
            }
        }
        
        // スワイプ検知のための変数
        let initialX = null;
        let initialY = null;

// プレイヤーの操作を検知
        document.addEventListener('touchstart', handleTouchStart, false);
        document.addEventListener('touchmove', handleTouchMove, false);

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

function handleTouchMove(event) {
            if (!initialX || !initialY) {
                return;
            }

const currentX = event.touches[0].clientX;
            const currentY = event.touches[0].clientY;

const diffX = initialX - currentX;
            const diffY = initialY - currentY;

if (Math.abs(diffX) > Math.abs(diffY)) {
                // 横方向のスワイプ操作
                if (diffX > 0) {
                    movePlayer(-1);  // 左に移動
                } else {
                    movePlayer(1);   // 右に移動
                }
            }

initialX = null;
            initialY = null;

event.preventDefault();
        }
    </script>
</body>
</html>
```

この実装例では、「The Backrooms」というタイトルのスマホで遊べるゲームを作成しています。プレイヤーは「🚶」の絵文字で表示され、左右に移動してゴールにたどり着くことが目的です。

スマホの画面上で横方向にスワイプすることでプレイヤーが左右に移動します。プレイヤーがゴール（位置10）に到達すると、お祝いのメッセージ「🎉」が表示されます。

なお、このゲームはシンプルな仕様のため、実際の「The Backrooms」とは異なる可能性があります。また、絵文字が正しく表示されない場合は、適切な絵文字に置き換えてください。