AI game creator

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

No:12954

←

Prev Next

→

流浪地球
Developer User5657｜Date and time 23/8/25 12:34:41
Build time 12.82 sec｜Game capacity 1.321KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>流浪地球</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
    // 获取画布和上下文
    var canvas = document.getElementById("gameCanvas");
    var ctx = canvas.getContext("2d");

// 加载图片
    var earthImg = new Image();
    earthImg.src = "earth.png";
    var spaceshipImg = new Image();
    spaceshipImg.src = "spaceship.png";

// 初始位置
    var spaceshipX = 300;
    var spaceshipY = 500;

// 监听移动事件
    canvas.addEventListener("touchmove", moveSpaceship, false);

function moveSpaceship(e) {
        var touch = e.touches[0];
        spaceshipX = touch.clientX - canvas.offsetLeft - spaceshipImg.width/2;
        spaceshipY = touch.clientY - canvas.offsetTop - spaceshipImg.height/2;
        e.preventDefault();
    };

// 绘制游戏
    function drawGame() {
        // 清空画布
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// 绘制地球
        ctx.drawImage(earthImg, 50, 50);

// 绘制太空船
        ctx.drawImage(spaceshipImg, spaceshipX, spaceshipY);

// 更新画面
        requestAnimationFrame(drawGame);
    }

// 开始游戏循环
    drawGame();

</script>
</body>
</html>