Kirbys Rocket Ride game's game

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

No:7249

3386

←

Prev Next

→

Kirbys Rocket Ride game
Developer User3992｜Date and time 23/7/6 15:56:45
Build time 11.73 sec｜Game capacity 1.633KB｜

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>
      #rocket {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        font-size: 50px;
      }
      #rocket:hover {
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div id="rocket">🚀</div>

// Rocketをクリックした時の処理
      document.getElementById("rocket").addEventListener("click", function() {
        rocketBottom += 10; // Rocketの位置を上に移動
        this.style.bottom = rocketBottom + 'px'; // Rocketの位置を更新

// Rocketが画面外に出た場合
        if(rocketBottom > window.innerHeight) {
          alert("ゲームオーバー！");
          rocketBottom = 0; // 初期位置に戻す
          this.style.bottom = rocketBottom + 'px'; // Rocketの位置を更新
        }
      });
    </script>
  </body>
</html>
```