Make a game of soft landing of the lunar module on the moon.'s game

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

No:4678

1359

←

Prev Next

→

Make a game of soft landing of the lunar module on..ALL
Developer User3566｜Date and time 23/6/28 16:27:13
Build time 28.231 sec｜Game capacity 3.049KB｜

Script

了解です！以下に、月着陸船を月面に軟着陸させるゲームの実装例を示します。

このコードは、画面上に月面（黒い四角）と着陸船（白い四角）を表示し、着陸船を左右に動かして月面に軟着陸させるゲームです。ゲームをプレイするためには、画面上の「START」ボタンをクリックして開始します。その後、左右の矢印キーで着陸船を操作し、月面上に着陸させることを目指します。なお、この実装ではJavaScriptの「keydown」イベントを用いてキー入力を取得しています。また、着陸成功時にはアラートを表示していますが、ゲームオーバーなどの機能は実装されていません。必要に応じて改良や追加を行ってください。

←

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>
        #moon {
            width: 400px;
            height: 400px;
            background-color: black;
            position: relative;
        }
        
        #ship {
            width: 50px;
            height: 50px;
            background-color: white;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }
        
        #button {
            margin-top: 20px;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="moon"></div>
    <div id="button">
        <button onclick="startGame()">START</button>
    </div>

function startGame() {
            isMoving = true;
            document.addEventListener("keydown", moveShip);
            moveShip();
        }

function moveShip(event) {
            if (isMoving) {
                const key = event ? event.keyCode : 0;
                let position = parseInt(ship.style.left) || 200;

if (key === 37) { // Left
                    position -= 10;
                } else if (key === 39) { // Right
                    position += 10;
                }

if (position < 0) {
                    position = 0;
                } else if (position > 350) {
                    position = 350;
                }

ship.style.left = position + "px";
                checkLanding();
            }
        }

function checkLanding() {
            const moon = document.getElementById("moon");
            const shipPos = ship.getBoundingClientRect();
            const moonPos = moon.getBoundingClientRect();

if (shipPos.bottom > moonPos.top && shipPos.bottom < moonPos.bottom && shipPos.left > moonPos.left && shipPos.right < moonPos.right) {
                isMoving = false;
                document.removeEventListener("keydown", moveShip);
                alert("月面に軟着陸成功！");
            }
        }
    </script>
</body>
</html>
```

このコードは、画面上に月面（黒い四角）と着陸船（白い四角）を表示し、着陸船を左右に動かして月面に軟着陸させるゲームです。ゲームをプレイするためには、画面上の「START」ボタンをクリックして開始します。その後、左右の矢印キーで着陸船を操作し、月面上に着陸させることを目指します。

なお、この実装ではJavaScriptの「keydown」イベントを用いてキー入力を取得しています。また、着陸成功時にはアラートを表示していますが、ゲームオーバーなどの機能は実装されていません。必要に応じて改良や追加を行ってください。