AI game creator

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

No:12022

156

←

Prev Next

→

Comiket withdrawal
Developer User1006｜Date and time 23/8/13 15:54:17
Build time 25.089 sec｜Game capacity 2.886KB｜

Script

了解しました。完成したゲームとして遊べるHTMLファイルを実装します。以下がそのコードです。

これは、スマートフォンの傾きを検知して絵文字を切り替えるシンプルなゲームです。スマートフォンの傾きに応じて、表示される絵文字が切り替わります。上下左右に傾けることで絵文字の位置を移動させることができます。上記のコードをHTMLファイルに保存し、スマートフォンで開くことで遊ぶことができます。

←

Prev　Next

→ 　

Back　

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

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

了解しました。完成したゲームとして遊べるHTMLファイルを実装します。以下がそのコードです。

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>スマホゲーム</title>
  <style>
    #game-area {
      width: 100vw;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 5rem;
    }
  </style>
</head>
<body>
  <div id="game-area"></div>

// ゲーム用の要素
    const gameArea = document.getElementById('game-area');
    const emoji = ['😃', '🤔', '😡', '😘', '😂'];

// ゲーム開始時の処理
    function startGame() {
      // 初期位置をランダムに決定する
      let position = Math.floor(Math.random() * 5);

// 初期位置の絵文字を表示
      gameArea.textContent = emoji[position];

// スマホの傾きを監視
      window.addEventListener('deviceorientation', handleOrientation);
    }

// スマホの傾きに応じて処理を実行する
    function handleOrientation(event) {
      // スマホの傾きを取得
      const orientation = getOrientation();

// 傾きに応じた処理を実行
      if (orientation === 0) {
        // 縦向き時の処理
        if (event.beta < -20) {
          moveEmoji(-1);
        } else if (event.beta > 20) {
          moveEmoji(1);
        }
      } else {
        // 横向き時の処理
        if (event.gamma < -20) {
          moveEmoji(-1);
        } else if (event.gamma > 20) {
          moveEmoji(1);
        }
      }
    }

// 絵文字の位置を移動する関数
    function moveEmoji(direction) {
      // 現在の絵文字の位置を取得
      let currentPosition = emoji.findIndex(e => e === gameArea.textContent);

// 移動後の位置を計算
      let newPosition = currentPosition + direction;
      if (newPosition < 0) {
        newPosition = emoji.length - 1;
      } else if (newPosition >= emoji.length) {
        newPosition = 0;
      }

// 移動後の位置の絵文字を表示
      gameArea.textContent = emoji[newPosition];
    }

// ゲーム開始
    startGame();
  </script>
</body>
</html>
```

これは、スマートフォンの傾きを検知して絵文字を切り替えるシンプルなゲームです。スマートフォンの傾きに応じて、表示される絵文字が切り替わります。上下左右に傾けることで絵文字の位置を移動させることができます。

上記のコードをHTMLファイルに保存し、スマートフォンで開くことで遊ぶことができます。