[Notice] A game that trolls Twitter of the developer Hisashi, who does not appease Doublesquare.'s game

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

No:7086

294

←

Prev Next

→

[Notice] A game that trolls Twitter of the develop..ALL
Developer どうスクのアプデ早くしろよ！🤬💢｜Date and time 23/7/5 12:41:21
Build time 20.065 sec｜Game capacity 3.093KB｜

Script

了解しました。以下のコードは、スマートフォンで遊べるシンプルなゲームの例です。キャラクターを操作して、障害物を避けるゲームです。

😀

このコードは、スマートフォンの傾きを利用してキャラクターを操作し、障害物を避けるゲームです。キャラクターは笑顔の絵文字で表示され、障害物は赤い四角で表示されます。キャラクターが障害物に触れるとゲームオーバーとなり、ページがリロードされます。ゲームを遊ぶためには、上記のコードをHTMLファイルとして保存し、スマートフォンでブラウザで開く必要があります。スマートフォンを手に持ちながら傾けることでキャラクターを動かし、障害物を避けてください。

←

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>
    #character {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 48px;
    }
    .obstacle {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: red;
    }
  </style>
</head>
<body>
  <div id="character">😀</div>
  <script>
    window.addEventListener("deviceorientation", handleOrientation, true);

var character = document.getElementById("character");
    var gameArea = document.body.getBoundingClientRect();
    var characterPosition = {
      x: gameArea.width / 2,
      y: gameArea.height / 2
    };
    var obstacles = [];

function handleOrientation(event) {
      var x = event.gamma; // x軸の傾斜度合いを取得
      var y = event.beta; // y軸の傾斜度合いを取得

// キャラクターの位置を更新
      characterPosition.x += x;
      characterPosition.y += y;
      character.style.left = characterPosition.x + "px";
      character.style.top = characterPosition.y + "px";

// 障害物との当たり判定チェック
      obstacles.forEach(function(obstacle) {
        if (isColliding(character, obstacle)) {
          endGame();
        }
      });
    }

function isColliding(element1, element2) {
      var rect1 = element1.getBoundingClientRect();
      var rect2 = element2.getBoundingClientRect();

return !(rect1.right < rect2.left ||
               rect1.left > rect2.right ||
               rect1.bottom < rect2.top ||
               rect1.top > rect2.bottom);
    }

function createObstacle() {
      var obstacle = document.createElement("div");
      obstacle.classList.add("obstacle");
      obstacle.style.left = Math.random() * (gameArea.width - 40) + "px";
      obstacle.style.top = Math.random() * (gameArea.height - 40) + "px";
      document.body.appendChild(obstacle);
      obstacles.push(obstacle);
    }

function startGame() {
      setInterval(createObstacle, 1500);
    }

function endGame() {
      alert("ゲームオーバー");
      location.reload();
    }

startGame();
  </script>
</body>
</html>
```

このコードは、スマートフォンの傾きを利用してキャラクターを操作し、障害物を避けるゲームです。キャラクターは笑顔の絵文字で表示され、障害物は赤い四角で表示されます。キャラクターが障害物に触れるとゲームオーバーとなり、ページがリロードされます。

ゲームを遊ぶためには、上記のコードをHTMLファイルとして保存し、スマートフォンでブラウザで開く必要があります。スマートフォンを手に持ちながら傾けることでキャラクターを動かし、障害物を避けてください。