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

No:8005

2094

←

Prev Next

→

The World!
Developer もちきなこ｜Date and time 23/7/11 21:02:32
Build time 18.167 sec｜Game capacity 2.519KB｜

Script

了解です！下記にスマホで遊べるシンプルなゲームの例を示します。

スマホ操作ゲーム

スマホを傾けてボールを操作し、障害物に当たらないようにしましょう。

このゲームでは、スマホを傾けることでボールを操作し、画面上の障害物に当たらないようにします。ボールの移動はスマホの横方向の傾きを利用しています。障害物に当たると「Game Over！」とアラートが表示され、ゲームが終了します。ご要望や修正箇所がございましたらお知らせください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

了解です！下記にスマホで遊べるシンプルなゲームの例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>スマホゲーム</title>
</head>
<body>
  <h1>スマホ操作ゲーム</h1>
  <p>スマホを傾けてボールを操作し、障害物に当たらないようにしましょう。</p>

// 障害物がボールに当たった時にゲームオーバーとする関数
  function checkCollisions() {
    var ball = document.getElementById("ball");
    var obstacle = document.querySelector(".obstacle");
    var ballRect = ball.getBoundingClientRect();
    var obstacleRect = obstacle.getBoundingClientRect();

if (ballRect.left < obstacleRect.right && ballRect.right > obstacleRect.left &&
        ballRect.top < obstacleRect.bottom && ballRect.bottom > obstacleRect.top) {
      alert("Game Over!");
      window.removeEventListener("deviceorientation", handleOrientation);
    }
  }

// スマホ傾きイベントと障害物チェックを開始する関数
  function startGame() {
    window.addEventListener("deviceorientation", handleOrientation);
    setInterval(checkCollisions, 100);  // 障害物チェックを100msごとに実行
  }

// ゲームを開始するためのボタン
  var startButton = document.createElement("button");
  startButton.innerText = "ゲームを開始";
  startButton.style.fontSize = "20px";
  startButton.style.padding = "10px 20px";
  startButton.style.position = "fixed";
  startButton.style.bottom = "20px";
  startButton.style.left = "50%";
  startButton.style.transform = "translateX(-50%)";
  startButton.addEventListener("click", startGame);
  document.body.appendChild(startButton);
</script>
</body>
</html>
```

このゲームでは、スマホを傾けることでボールを操作し、画面上の障害物に当たらないようにします。ボールの移動はスマホの横方向の傾きを利用しています。障害物に当たると「Game Over！」とアラートが表示され、ゲームが終了します。

ご要望や修正箇所がございましたらお知らせください。