POPTEPIC: A shitty manga's game

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

No:8945

116

←

Prev Next

→

POPTEPIC: A shitty manga
Developer User4271｜Date and time 23/7/19 21:10:26
Build time 19.28 sec｜Game capacity 1.827KB｜

Script

了解です。以下は1枚のHTMLファイルに実装されたJavaScriptを含むサンプルゲームのコードです。

🍭

このゲームでは、スマートフォンの傾きに応じてキャンディを移動させ、キャンディをクリックすると得点が加算されます。ゲームの得点は画面上に表示されます。ただし、絵文字は使用できない場合もあるので、代わりに文字列を表示するようにしています。このコードをHTMLファイルに保存し、ブラウザで開くとゲームがプレイできます。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

了解です。以下は1枚のHTMLファイルに実装されたJavaScriptを含むサンプルゲームのコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ポプテピピック ゲーム</title>
  <style>
    #gameboard {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 5em;
    }
  </style>
</head>
<body>
  <div id="gameboard">🍭</div>

// ゲームのメイン処理
    function gameLoop() {
      // スマホの傾きに応じて、キャンディを移動させる
      window.addEventListener("deviceorientation", function(event) {
        var x = event.gamma;
        var y = event.beta;

candy.style.transform = "translate(" + x + "px, " + y + "px)";
      });

// キャンディがクリックされたときに得点を加算する
      candy.addEventListener("click", function() {
        score++;
        updateScore();
      });
    }

// 得点を更新する関数
    function updateScore() {
      gameboard.textContent = "🍭" + score;
    }

// ゲームの実行開始
    gameLoop();
  </script>
</body>
</html>
```