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

No:38798

←

Prev Next

→

一个飞船降落在外星球上生存
Developer User17443｜Date and time 24/1/25 19:57:24
Build time 16.636 sec｜Game capacity 2.885KB｜

Script

以下是一个外星球生存飞船降落游戏的示例代码：

外星球生存

🚀

这个简单的游戏中，玩家需要控制飞船从外星球的空中降落，并尽量避免飞船触碰到外星球表面。玩家通过点击游戏区域控制飞船的水平移动，同时飞船会垂直下降。如果飞船触碰到外星球表面，游戏结束提示。该游戏使用一个包含游戏区域和飞船的 div 元素。游戏逻辑由 JavaScript 控制，通过监听点击事件和使用定时器实现飞船的移动和检测碰撞。请注意，这只是一个简单的示例，可以根据需要进行修改和扩展。

←

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>
        body {
            background-color: black;
            color: white;
            text-align: center;
            padding-top: 100px;
            font-size: 24px;
            font-family: Arial, sans-serif;
        }
        #game-block {
            width: 200px;
            height: 200px;
            margin: 0 auto;
            border: 2px solid white;
            position: relative;
        }
        #ship {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translate(-50%);
            width: 50px;
            height: 50px;
            background-color: white;
            text-align: center;
            line-height: 50px;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <h1>外星球生存</h1>
    <div id="game-block">
        <div id="ship">🚀</div>
    </div>

let isGameActive = false;
        let intervalID;

function startGame() {
            if (isGameActive) return;
            isGameActive = true;
            ship.style.bottom = "0";
            gameBlock.addEventListener("click", moveShip);
            intervalID = setInterval(updateGame, 100);
        }

function endGame() {
            if (!isGameActive) return;
            isGameActive = false;
            clearInterval(intervalID);
            gameBlock.removeEventListener("click", moveShip);
            alert("游戏结束！");
        }

function moveShip(event) {
            let mouseX = event.clientX;
            let blockX = gameBlock.offsetLeft;
            let relativeX = mouseX - blockX;
            ship.style.left = `${relativeX - ship.offsetWidth / 2}px`;
        }

function updateGame() {
            let currentBottom = parseInt(ship.style.bottom);
            ship.style.bottom = `${currentBottom + 10}px`;

if (currentBottom + ship.offsetHeight >= gameBlock.offsetHeight) {
                endGame();
            }
        }

startGame();
    </script>
</body>
</html>
```

这个简单的游戏中，玩家需要控制飞船从外星球的空中降落，并尽量避免飞船触碰到外星球表面。玩家通过点击游戏区域控制飞船的水平移动，同时飞船会垂直下降。如果飞船触碰到外星球表面，游戏结束提示。

该游戏使用一个包含游戏区域和飞船的 div 元素。游戏逻辑由 JavaScript 控制，通过监听点击事件和使用定时器实现飞船的移动和检测碰撞。

请注意，这只是一个简单的示例，可以根据需要进行修改和扩展。