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

No:8661

585

←

Prev Next

→

A game to make a soft landing of a lunar module on..ALL
Developer User3566｜Date and time 23/7/17 21:33:03
Build time 20.172 sec｜Game capacity 2.347KB｜

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 {
            text-align: center;
            font-family: Arial, sans-serif;
        }
        #moon {
            width: 600px;
            height: 400px;
            background-color: #000;
            position: relative;
            margin: 0 auto;
            overflow: hidden;
        }
        #spaceship {
            width: 50px;
            height: 50px;
            background-color: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            animation: spaceshipMove 2s infinite linear;
        }
        #landingPad {
            width: 100px;
            height: 10px;
            background-color: #fff;
            position: absolute;
            bottom: 0;
            left: 250px;
        }
        @keyframes spaceshipMove {
            0% {
                left: 0;
                bottom: 0;
            }
            100% {
                left: 550px;
                bottom: 0;
            }
        }
    </style>
</head>
<body>
    <h1>月着陸船ゲーム</h1>
    <p>着陸船を月面に軟着陸させましょう！</p>
    <div id="moon">
        <div id="spaceship"></div>
        <div id="landingPad"></div>
    </div>
    <script>
        function checkSafeLanding() {
            var spaceship = document.getElementById("spaceship");
            var landingPad = document.getElementById("landingPad");
            
            var spaceshipTop = spaceship.offsetTop;
            var spaceshipLeft = spaceship.offsetLeft;
            var landingPadTop = landingPad.offsetTop;
            var landingPadLeft = landingPad.offsetLeft;
            
            if (spaceshipTop >= (landingPadTop - 48) && spaceshipTop <= (landingPadTop - 42) &&
                spaceshipLeft >= (landingPadLeft - 24) && spaceshipLeft <= (landingPadLeft + 24)) {
                alert("成功！軟着陸に成功しました！");
            } else {
                alert("失敗！軟着陸に失敗しました！");
            }
        }
        
        document.addEventListener("DOMContentLoaded", function(event) { 
            var spaceship = document.getElementById("spaceship");
            spaceship.addEventListener("click", checkSafeLanding);
        });
    </script>
</body>
</html>