AI game creator

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

No:6432

316

←

Prev Next

→

game gear
Developer User3840｜Date and time 23/7/2 12:38:02
Build time 23.654 sec｜Game capacity 2.325KB｜

Script

以下はJavaScriptを含んだ1枚のHTMLファイルとして実装されたゲーム「ゲームギア」の例です。

Score: 0

⬆️
⬅️ ⬇️ ➡️

このHTMLファイルをブラウザで開くと、サイズの小さいゲーム画面が表示され、上下左右の操作ボタンを使って赤いマス(プレイヤー)を動かすことができます。プレイヤーが動くたびにスコアが加算され、スコアが表示されます。

←

Prev　Next

→ 　

Back　

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

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

以下はJavaScriptを含んだ1枚のHTMLファイルとして実装されたゲーム「ゲームギア」の例です。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ゲームギア</title>
  <style>
    body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
      font-size: 4rem;
    }

.button {
      margin: 0 1rem;
      cursor: pointer;
      user-select: none;
    }
  </style>
</head>
<body>
  <div>
    <div id="score">Score: 0</div>
    <div id="game"></div>
    <div id="buttons">
      <span class="button" onclick="move('up')">⬆️</span>
      <br>
      <span class="button" onclick="move('left')">⬅️</span>
      <span class="button" onclick="move('down')">⬇️</span>
      <span class="button" onclick="move('right')">➡️</span>
    </div>
  </div>

updateGame();
      updateScore();
    }

function updateGame() {
      game.innerHTML = '';

for (let y = 0; y < 5; y++) {
        for (let x = 0; x < 5; x++) {
          if (currentPosition.y === y && currentPosition.x === x) {
            game.innerHTML += '🔴';
          } else {
            game.innerHTML += '⬜️';
          }
        }
        game.innerHTML += '<br>';
      }
    }

function updateScore() {
      currentScore++;
      score.textContent = 'Score: ' + currentScore;
    }

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