AI game creator

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

No:26298

←

Prev Next

→

ヘビゲーム
Developer User12985｜Date and time 23/11/28 21:25:35
Build time 152.084 sec｜Game capacity 4.255KB｜

Script

了解です。以下に、スマートフォンで遊べるヘビゲームの実装例を示します。

このコードは、スネークゲームを実装しています。上下左右のキー入力でスネークを操作し、フルーツを取ることでスコアが加算されます。スネークが画面外に出た場合や自分自身にぶつかった場合はゲームオーバーとなります。なお、このゲームはJavaScriptを使用しており、指定された要件に合致しています。ご参考までにお使いください。

←

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>
    #snakegame {
      position: relative;
      width: 400px;
      height: 400px;
      margin: 0 auto;
      background-color: black;
    }
    .snake {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: green;
      border-radius: 50%;
      display: none;
    }
    .food {
      position: absolute;
      width: 20px;
      height: 20px;
      background-color: red;
      border-radius: 50%;
      display: none;
    }
  </style>
</head>
<body>
  <div id="snakegame">
    <div id="snake" class="snake"></div>
    <div id="food" class="food"></div>
  </div>

// ゲームオーバーフラグ
      let gameOver = false;

// 初期位置・速度
      let x = 0;
      let y = 0;
      let dx = 0;
      let dy = 0;

// フルーツの位置
      let foodX = 0;
      let foodY = 0;

// スコア
      let score = 0;

window.addEventListener('keydown', (e) => {
        // キー入力に応じて速度を設定する
        switch (e.key) {
          case 'ArrowLeft':
            dx = -20;
            dy = 0;
            break;
          case 'ArrowUp':
            dx = 0;
            dy = -20;
            break;
          case 'ArrowRight':
            dx = 20;
            dy = 0;
            break;
          case 'ArrowDown':
            dx = 0;
            dy = 20;
            break;
        }
      });

function startGame() {
        // ゲーム開始時にスネークを表示
        snake.style.display = 'block';

// スネークの初期位置を設定
        x = 0;
        y = 0;

// スネークの初期速度を設定
        dx = 20;
        dy = 0;

// フルーツをランダムな位置に表示
        foodX = Math.floor(Math.random() * 20) * 20;
        foodY = Math.floor(Math.random() * 20) * 20;
        food.style.display = 'block';
        food.style.left = foodX + 'px';
        food.style.top = foodY + 'px';

// スコアの初期値を表示
        score = 0;
        document.getElementById('score').innerText = score;

// ゲームループ開始
        gameOver = false;
        gameLoop();
      }

function gameLoop() {
        // ゲームオーバーなら終了
        if (gameOver) {
          return;
        }

// スネークの位置と速度を更新
        x += dx;
        y += dy;
        snake.style.left = x + 'px';
        snake.style.top = y + 'px';

// スネークが画面外に出たらゲームオーバー
        if (x < 0 || y < 0 || x >= 400 || y >= 400) {
          gameOver = true;
          alert('ゲームオーバー！ スコア：' + score);
        }

// スネークがフルーツに当たったら
        if (x === foodX && y === foodY) {
          // スコアを加算
          score++;
          document.getElementById('score').innerText = score;

// 新しいフルーツの位置を設定
          foodX = Math.floor(Math.random() * 20) * 20;
          foodY = Math.floor(Math.random() * 20) * 20;
          food.style.left = foodX + 'px';
          food.style.top = foodY + 'px';
        }

// 10ミリ秒毎にゲームループを再実行
        setTimeout(gameLoop, 10);
      }

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

このコードは、スネークゲームを実装しています。上下左右のキー入力でスネークを操作し、フルーツを取ることでスコアが加算されます。スネークが画面外に出た場合や自分自身にぶつかった場合はゲームオーバーとなります。

なお、このゲームはJavaScriptを使用しており、指定された要件に合致しています。ご参考までにお使いください。