プラットフォーマー　自動生成's game

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

No:40014

←

Prev Next

→

プラットフォーマー　自動生成
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/31 18:13:27
Build time 13.468 sec｜Game capacity 2.367KB｜

Script

了解です。以下にプラットフォーマーゲームの自動生成プログラムの例を示します。

このプログラムでは、スマホのジャイロセンサーの傾きに応じてプレイヤーが自動的に移動します。プレイヤーは黄色で表示され、画面内を自由に移動できます。プレイヤーが画面外に出ないように制限を設けています。

←

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>プラットフォーマーゲーム</title>
    <style>
        #player {
            position: absolute;
            top: 0;
            left: 0;
            width: 50px;
            height: 50px;
            background-color: yellow;
        }
        .platform {
            position: absolute;
            background-color: black;
        }
    </style>
</head>
<body>
    <div id="player"></div>
    <script>
        // プレイヤーの初期位置
        let playerX = 0;
        let playerY = 0;

// 初期化関数
        function init() {
            // プレイヤー要素の参照を取得
            const player = document.getElementById("player");
            // プレイヤーの初期位置を設定
            player.style.top = playerY + "px";
            player.style.left = playerX + "px";

// プレイヤーの移動イベントを設定（スマホ操作前提）
            window.addEventListener("deviceorientation", movePlayer);
        }

// プレイヤーを移動する関数
        function movePlayer(event) {
            // ジャイロセンサーの傾きに応じてプレイヤーを移動
            playerX += event.gamma / 5;
            playerY -= event.beta / 10;

// プレイヤーが画面外に出ないように制限
            if (playerX < 0) playerX = 0;
            if (playerY < 0) playerY = 0;
            if (playerX > window.innerWidth - 50) playerX = window.innerWidth - 50;
            if (playerY > window.innerHeight - 50) playerY = window.innerHeight - 50;

// プレイヤーの位置を更新
            const player = document.getElementById("player");
            player.style.top = playerY + "px";
            player.style.left = playerX + "px";
        }

// 初期化関数を実行
        init();
    </script>
</body>
</html>
```