AI game creator

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

No:12850

100

←

Prev Next

→

マリオ
Developer User5583｜Date and time 23/8/23 23:34:59
Build time 47.151 sec｜Game capacity 3.729KB｜

Script

游戏结束！

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>超级马里奥</title>
    <style>
        body {
            background-color: #000;
            margin: 0;
            padding: 0;
            overflow: hidden;
            font-family: Arial, sans-serif;
        }
        canvas {
            display: block;
            position: absolute;
            margin: auto;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
        }
        #game-over {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            color: #fff;
            font-size: 24px;
            text-align: center;
            display: none;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <div id="game-over">游戏结束！</div>

// 游戏状态
        var gameStatus = 'playing';

// 加载角色图像
        var marioImg = new Image();
        marioImg.src = 'mario.png';

// 设置马里奥的初始位置
        var mario = {
            x: 50,
            y: canvas.height - 100,
            width: 60,
            height: 95,
            speed: 5,
            isJumping: false,
            jumpHeight: 150,
            gravity: 10
        };

// 设置障碍物
        var obstacles = [
            { x: canvas.width, y: canvas.height - 100, width: 80, height: 100 },
            { x: canvas.width + 400, y: canvas.height - 200, width: 80, height: 200 },
            { x: canvas.width + 800, y: canvas.height - 100, width: 80, height: 100 }
        ];

// 监听屏幕的触摸事件
        canvas.addEventListener('touchstart', function (e) {
            if (!mario.isJumping) {
                mario.isJumping = true;
            }
        });

// 游戏循环
        function gameLoop() {
            // 清空画布
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// 更新马里奥的位置
            if (mario.isJumping) {
                mario.y -= mario.speed * 2;
                mario.speed -= 1;
                if (mario.speed <= 0) {
                    mario.isJumping = false;
                }
            } else if (mario.y < canvas.height - mario.height) {
                mario.y += mario.gravity;
            } else if (mario.y > canvas.height - mario.height) {
                mario.y = canvas.height - mario.height;
                mario.speed = 5;
            }

// 绘制马里奥
            ctx.drawImage(marioImg, mario.x, mario.y, mario.width, mario.height);

// 绘制障碍物
            for (var i = 0; i < obstacles.length; i++) {
                obstacles[i].x -= mario.speed;
                ctx.fillRect(obstacles[i].x, obstacles[i].y, obstacles[i].width, obstacles[i].height);

// 检测碰撞
                if (mario.x < obstacles[i].x + obstacles[i].width &&
                    mario.x + mario.width > obstacles[i].x &&
                    mario.y < obstacles[i].y + obstacles[i].height &&
                    mario.y + mario.height > obstacles[i].y) {
                    gameStatus = 'gameover';
                }
            }

// 检测游戏结束
            if (gameStatus === 'gameover') {
                clearInterval(gameInterval);
                document.getElementById('game-over').style.display = 'block';
            }
        }

// 开始游戏
        var gameInterval = setInterval(gameLoop, 1000 / 60);
    </script>
</body>
</html>