AI game creator

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

No:5253

3356

←

Prev Next

→

Super Mario Bros.
Developer もちきなこ｜Date and time 23/6/29 20:45:52
Build time 21.437 sec｜Game capacity 2.129KB｜

Script

了解しました。以下は「スーパーマリオブラザーズ」の一部をゲーム化したスマホ向けのHTMLゲームの例です。絵文字は使用できませんが、プログラム上で作れるゲームです。

上記のコードは1枚のHTMLファイルで、スマホで操作できる簡易的なスーパーマリオブラザーズのゲームです。プレイヤー（赤いブロック）が画面内を移動することができます。スマホの矢印キーを使ってプレイヤーを動かすことができます。

←

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>
        #container {
            width: 300px;
            height: 300px;
            background-color: black;
            position: relative;
        }
        #mario {
            width: 30px;
            height: 30px;
            background-color: red;
            position: absolute;
            bottom: 0;
            left: 0;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="mario"></div>
    </div>

// プレイヤーの移動
        function movePlayer(dx, dy) {
            x += dx;
            y += dy;

const player = document.getElementById("mario");
            player.style.left = x + "px";
            player.style.bottom = y + "px";
        }

// スマホ操作
        window.addEventListener("keydown", function(event) {
            // 左に移動
            if(event.key === "ArrowLeft") {
                movePlayer(-10, 0);
            }
            // 右に移動
            else if(event.key === "ArrowRight") {
                movePlayer(10, 0);
            }
            // 上に移動
            else if(event.key === "ArrowUp") {
                movePlayer(0, 10);
            }
            // 下に移動
            else if(event.key === "ArrowDown") {
                movePlayer(0, -10);
            }
        });
    </script>
</body>
</html>
```