ねにねゆぬりりりれにれりねにれにねりれねねにりれ's game

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

No:15509

←

Prev Next

→

ねにねゆぬりりりれにれりねにれにねりれねねにりれ
Developer User6722｜Date and time 23/9/9 17:03:26
Build time 42.293 sec｜Game capacity 3.836KB｜

Script

了解しました。以下にプログラムの例を示します。

このプログラムは、スマートフォンの傾きを利用してプレイヤーを操作し、敵との当たり判定があるシンプルなゲームです。プレイヤーと敵は絵文字で表現されており、背景色やサイズなども設定することができます。なお、正しく動作させるためにはスマートフォンやタブレットの傾きセンサーが必要です。お使いのデバイスによっては動作しない場合があります。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

了解しました。以下にプログラムの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>ゲーム</title>
</head>
<body>
  <div id="game"></div>

// ゲームオブジェクト
    const game = document.getElementById("game");
    game.style.width = gameWidth + "px";
    game.style.height = gameHeight + "px";
    game.style.backgroundColor = backgroundColor;

// プレイヤーの初期位置
    let playerX = gameWidth / 2 - playerSize / 2;
    let playerY = gameHeight / 2 - playerSize / 2;

// プレイヤーの移動
    function movePlayer(x, y) {
      playerX += x * playerSpeed;
      playerY += y * playerSpeed;
      display();
    }

// プレイヤーを描画
    function display() {
      game.innerHTML = "";
      game.innerHTML += '<div style="position:absolute;left:' + playerX + 'px;top:' + playerY + 'px;font-size:' + playerSize + 'px;">' + playerColor + '</div>';

// 当たり判定
      if (playerX < enemyX + enemySize &&
         playerX + playerSize > enemyX &&
         playerY < enemyY + enemySize &&
         playerY + playerSize > enemyY) {
        alert("ゲームオーバー");
        reset();
      }
    }

// 敵の初期位置
    let enemyX = Math.floor(Math.random() * (gameWidth - enemySize));
    let enemyY = Math.floor(Math.random() * (gameHeight - enemySize));

// 敵を移動
    function moveEnemy() {
      const direction = Math.floor(Math.random() * 4);
      switch (direction) {
        case 0:  // 上
          if (enemyY >= enemySpeed) {
            enemyY -= enemySpeed;
          }
          break;
        case 1:  // 下
          if (enemyY <= gameHeight - enemySize - enemySpeed) {
            enemyY += enemySpeed;
          }
          break;
        case 2:  // 左
          if (enemyX >= enemySpeed) {
            enemyX -= enemySpeed;
          }
          break;
        case 3:  // 右
          if (enemyX <= gameWidth - enemySize - enemySpeed) {
            enemyX += enemySpeed;
          }
          break;
      }
      display();
    }

// ゲームオーバー時に初期化
    function reset() {
      playerX = gameWidth / 2 - playerSize / 2;
      playerY = gameHeight / 2 - playerSize / 2;
      enemyX = Math.floor(Math.random() * (gameWidth - enemySize));
      enemyY = Math.floor(Math.random() * (gameHeight - enemySize));
      display();
    }

// ゲームの実行
    display();
    setInterval(moveEnemy, 500);  // 0.5秒ごとに敵を移動

// スマホ操作
    window.addEventListener("deviceorientation", function(event) {
      const x = event.gamma / 90;   // 左右の傾き
      const y = event.beta / 90;    // 上下の傾き
      movePlayer(x, y);
    });
  </script>
</body>
</html>
```

このプログラムは、スマートフォンの傾きを利用してプレイヤーを操作し、敵との当たり判定があるシンプルなゲームです。プレイヤーと敵は絵文字で表現されており、背景色やサイズなども設定することができます。

なお、正しく動作させるためにはスマートフォンやタブレットの傾きセンサーが必要です。お使いのデバイスによっては動作しない場合があります。