どうぷつスクールスクールシミュレーターアップデート

操作方法: タップでジャンプ

【どうぷつスクールスクールシミュレーターアップデート】このゲームは、開発者ひさしを無理矢理強制的にアップデートさせるゲームです。プレイヤーは黄色いブロックをタップしてジャンプさせ、画面右から左に流れる赤い障害物を避けてスコアを稼ぎます。障害物に当たり、ゲームオーバーになるとリトライすることができます。操作方法: タップでジャンプ

←

Prev　Next

→ 　

Back　

[PR]現在のフィギュア売れ筋ランキング

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

<!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 {
      margin: 0;
      padding: 0;
      text-align: center;
      font-family: sans-serif;
      background-color: #FDECEB;
      color: #4a4a4a;
    }

canvas {
      display: block;
      margin: 0 auto;
      border: 4px solid #4a4a4a;
    }
  </style>
</head>
<body>
  <h1>どうぷつスクールスクールシミュレーター アップデート</h1>
  <canvas id="gameCanvas"></canvas>

<p>操作方法: タップでジャンプ</p>

// 定数定義
      const GRAVITY = 0.1;
      const JUMP_POWER = -4.5;
      const OBSTACLE_SPEED = 4;

// 変数定義
      let hero = null;
      let obstacleList = [];
      let score = 0;

// クラス定義
      class Hero {
        constructor() {
          this.x = 50;
          this.y = 200;
          this.velY = 0;
          this.size = 50;
          this.color = 'yellow';
          this.alive = true;
        }

jump() {
          this.velY = JUMP_POWER;
        }

move() {
          this.velY += GRAVITY;
          this.y += this.velY;

if (this.y > canvas.height - this.size) {
            this.y = canvas.height - this.size;
            this.velY = 0;
          }
        }

draw() {
          ctx.fillStyle = this.color;
          ctx.fillRect(this.x, this.y, this.size, this.size);
        }

hit(obstacle) {
          if (this.x + this.size > obstacle.x && this.x < obstacle.x + obstacle.width &&
            this.y + this.size > obstacle.y && this.y < obstacle.y + obstacle.height) {
            this.alive = false;
          }
        }
      }

class Obstacle {
        constructor() {
          this.x = canvas.width;
          this.y = Math.random() * (canvas.height - 200) + 100;
          this.width = 30;
          this.height = 50;
          this.color = 'red';
        }

move() {
          this.x -= OBSTACLE_SPEED;
        }

draw() {
          ctx.fillStyle = this.color;
          ctx.fillRect(this.x, this.y, this.width, this.height);
        }
      }

// ユーティリティ関数定義
      function drawScore() {
        ctx.font = '24px sans-serif';
        ctx.fillStyle = 'black';
        ctx.fillText(`Score: ${score}`, 10, 30);
      }

// ゲームループ関数定義
      function gameLoop() {
        // ゲームオブジェクト更新
        hero.move();
        obstacleList.forEach((obstacle) => {
          obstacle.move();
          hero.hit(obstacle);
        });
        obstacleList = obstacleList.filter((obstacle) => obstacle.x > -obstacle.width); // 画面外に出た障害物を削除
        if (obstacleList.length < 5) {
          obstacleList.push(new Obstacle());
        }
        score++;

// 描画処理
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        hero.draw();
        obstacleList.forEach((obstacle) => obstacle.draw());
        drawScore();

// ゲームオーバーチェック
        if (!hero.alive) {
          clearInterval(gameInterval);
          alert(`最終スコア: ${score}`);
          location.reload(); // リトライ
        }
      }

// イベントリスナー登録
      canvas.addEventListener('click', () => {
        hero.jump();
      });

// ゲーム初期化
      function initGame() {
        hero = new Hero();
        obstacleList = [new Obstacle()];
        score = 0;
      }
      initGame();

// ゲームループスタート
      const gameInterval = setInterval(gameLoop, 16); // 60fps
    });
  </script>
</body>
</html>

【どうぷつスクールスクールシミュレーター アップデート】

このゲームは、開発者ひさしを無理矢理強制的にアップデートさせるゲームです。プレイヤーは黄色いブロックをタップしてジャンプさせ、画面右から左に流れる赤い障害物を避けてスコアを稼ぎます。障害物に当たり、ゲームオーバーになるとリトライすることができます。

操作方法: タップでジャンプ

どうぷつスクールスクールシミュレーター アップデート

どうぷつスクールスクールシミュレーターアップデート