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

No:8257

7749

←

Prev Next

→

Kintas Great Adventure
Developer anonymous｜Date and time 70/1/1 10:22:01
Build time unknown sec｜Game capacity 4.921KB｜

Script

了解しました。以下に金太の大冒険というゲームを作成します。

金太の大冒険

スマホのタップで金太を操作し、敵を避けましょう！

スコア: 0

ゲームオーバー

このゲームでは、ゲーム画面をタップすることでゲームが開始されます。プレイヤーキャラクターをスマホのタップ操作で上下に移動させ、敵キャラクターを避けながらスコアを稼ぎます。敵キャラクターに触れるとゲームオーバーになります。ゲームオーバー時には「ゲームオーバー」と表示され、再度ゲームを開始するには画面をタップしてください。スコアが一定値以上になると敵キャラクターの移動速度が上がります。

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

了解しました。以下に金太の大冒険というゲームを作成します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>金太の大冒険</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
    }
    #score {
      font-size: 24px;
      margin-bottom: 10px;
    }
    #game-over {
      font-size: 36px;
      color: red;
      display: none;
    }
    #game-screen {
      position: relative;
      width: 300px;
      height: 300px;
      border: 1px solid black;
      margin: 0 auto;
      overflow: hidden;
    }
    #player {
      position: absolute;
      width: 50px;
      height: 50px;
      background-color: orange;
      top: 125px;
      left: 125px;
    }
    .enemy {
      position: absolute;
      width: 30px;
      height: 30px;
      background-color: red;
    }
  </style>
</head>
<body>
  <h1>金太の大冒険</h1>
  <p>スマホのタップで金太を操作し、敵を避けましょう！</p>
  <div id="score">スコア: 0</div>
  <div id="game-screen">
    <div id="player"></div>
  </div>
  <div id="game-over">ゲームオーバー</div>

// 背景をタップしたときにゲームを開始するイベントリスナー
    document.querySelector('#game-screen').addEventListener('click', function() {
      if (!gameStarted) {
        gameStarted = true;
        document.querySelector('#score').style.display = 'block';
        document.querySelector('#player').style.display = 'block';
        document.querySelector('#game-over').style.display = 'none';
        startGame();
      }
    });

// ゲームを開始する関数
    function startGame() {
      let player = document.querySelector('#player');
      let gameScreen = document.querySelector('#game-screen');

// 敵キャラクターを生成する関数
      function createEnemy() {
        let enemy = document.createElement('div');
        enemy.className = 'enemy';
        enemy.style.top = Math.random() * (gameScreen.offsetHeight - 30) + 'px';
        enemy.style.left = gameScreen.offsetWidth + 'px';
        gameScreen.appendChild(enemy);
      }

// 敵キャラクターを移動する関数
      function moveEnemies() {
        let enemies = document.querySelectorAll('.enemy');
        enemies.forEach(function(enemy) {
          let left = parseFloat(enemy.style.left);
          if (left <= 0) {
            enemy.remove();
            score += 10;
            document.querySelector('#score').textContent = 'スコア: ' + score;
          } else if (left <= 50 && left >= 0) {
            let top = parseFloat(enemy.style.top);
            let playerTop = parseFloat(player.style.top);
            let playerBottom = playerTop + player.offsetHeight;
            if (top >= playerTop && top <= playerBottom) {
              endGame();
            }
          }
          enemy.style.left = left - gameSpeed + 'px';
        });
      }

// プレイヤーを移動する関数
      function movePlayer(event) {
        if (event.target.id === 'player') {
          let top = event.clientY - gameScreen.offsetTop - player.offsetHeight / 2;
          if (top < 0) {
            top = 0;
          } else if (top > gameScreen.offsetHeight - player.offsetHeight) {
            top = gameScreen.offsetHeight - player.offsetHeight;
          }
          player.style.top = top + 'px';
        }
      }

// ゲームオーバー時の処理
      function endGame() {
        clearInterval(gameInterval);
        document.querySelector('#game-over').style.display = 'block';
        gameStarted = false;
        gameSpeed = 2;
      }

// ゲームループを開始
      let gameInterval = setInterval(function() {
        createEnemy();
        moveEnemies();
        if (score >= 100) {
          gameSpeed = 3;
        } else if (score >= 200) {
          gameSpeed = 4;
        }
      }, 1000 / 60);

// プレイヤーの移動イベントリスナーを登録
      gameScreen.addEventListener('mousemove', movePlayer);
      gameScreen.addEventListener('touchmove', function(event) {
        event.preventDefault();
        movePlayer(event.touches[0]);
      });
    }
  </script>
</body>
</html>
```

このゲームでは、ゲーム画面をタップすることでゲームが開始されます。プレイヤーキャラクターをスマホのタップ操作で上下に移動させ、敵キャラクターを避けながらスコアを稼ぎます。敵キャラクターに触れるとゲームオーバーになります。

ゲームオーバー時には「ゲームオーバー」と表示され、再度ゲームを開始するには画面をタップしてください。スコアが一定値以上になると敵キャラクターの移動速度が上がります。