AI game creator

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

No:9667

105

←

Prev Next

→

Mario.
Developer User4392｜Date and time 23/7/26 18:59:20
Build time 22.748 sec｜Game capacity 2.366KB｜

Script

了解です。以下にプログラムの例を示します。

上記のプログラムでは、Canvasを使って簡単なマリオのゲームを実装しています。マリオは矢印キーで操作でき、上キーでジャンプすることができます。マリオは画面内で自由に移動し、落下すると再び地面に着地します。お使いのスマートフォンでウェブブラウザで開けば、実際に遊ぶことができます。

←

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>Mario Game</title>
    <style>
        body {
            overflow: hidden;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="500" height="400"></canvas>
    <script>
        // ゲームの設定
        const canvas = document.getElementById("gameCanvas");
        const ctx = canvas.getContext("2d");
        const marioSize = 40;
        const moveStep = 10;
        const gravity = 2;

// マリオの初期状態
        let marioX = canvas.width / 2;
        let marioY = canvas.height / 2;
        let marioYSpeed = 0;
        let isJumping = false;

// ゲームのメインループ
        function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// マリオの描画
            ctx.font = "40px Arial";
            ctx.fillText("マリオ", marioX, marioY);

// マリオの落下処理
            if (marioY + marioSize < canvas.height) {
                marioY += marioYSpeed;
                marioYSpeed += gravity;
            } else {
                isJumping = false;
                marioYSpeed = 0;
            }

requestAnimationFrame(gameLoop);
        }

// キーボードの操作対応
        document.addEventListener("keydown", (event) => {
            if (event.key === "ArrowUp" && !isJumping) {
                isJumping = true;
                marioYSpeed = -30;
            } else if (event.key === "ArrowRight" && marioX + marioSize < canvas.width) {
                marioX += moveStep;
            } else if (event.key === "ArrowLeft" && marioX > 0) {
                marioX -= moveStep;
            }
        });

// ゲーム開始
        gameLoop();
    </script>
</body>
</html>
```