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

No:9082

214

←

Prev Next

→

Controlling the Flying Momonga
Developer User4246｜Date and time 23/7/21 4:29:40
Build time 22.669 sec｜Game capacity 2.305KB｜

Script

素晴らしい！空飛ぶモモンガを操るゲームを作りましょう。以下のようなプログラムを実装します：

空飛ぶモモンガを操るゲーム

🐿️

このプログラムは、空飛ぶモモンガをクリックするとゲームが開始し、マウスを離すとゲームが終了します。ゲームが開始されると、上矢印キーでモモンガを上に移動させ、下矢印キーでモモンガを下に移動させることができます。

←

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>
        #game-board {
            width: 100%;
            height: 500px;
            background-color: lightblue;
            position: relative;
        }
        
        #momonkey {
            font-size: 50px;
            position: absolute;
            bottom: 10px;
        }
    </style>
</head>
<body>
    <h1>空飛ぶモモンガを操るゲーム</h1>
    <div id="game-board">
        <span id="momonkey">🐿️</span>
    </div>

function moveUp() {
            var currentBottom = parseInt(momonkey.style.bottom) || 0;
            momonkey.style.bottom = (currentBottom + 10) + "px";
        }

function moveDown() {
            var currentBottom = parseInt(momonkey.style.bottom) || 0;
            momonkey.style.bottom = (currentBottom - 10) + "px";
        }

function startGame() {
            gameStarted = true;
            momonkey.style.bottom = "0px";
            document.addEventListener("keydown", moveMomonkey);
        }

function endGame() {
            gameStarted = false;
            document.removeEventListener("keydown", moveMomonkey);
        }

gameBoard.addEventListener("click", startGame);
        gameBoard.addEventListener("mouseout", endGame);
    </script>
</body>
</html>
```