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

No:40020

←

Prev Next

→

食べる鶏と熱いタバスコ
Developer 食べる鶏と熱いタバスコ｜Date and time 24/1/31 18:27:51
Build time 22.691 sec｜Game capacity 4.429KB｜

Script

私はあなたがプログラマであることを理解しました。以下に、要件に沿ったプログラムの例を示します。

食べる鶏と熱いタバスコ

タバスコを飲む鶏を操作して、できるだけ多くのタバスコ瓶を取得しましょう。

Score: 0

このプログラムは、食べる鶏を操作してタバスコの瓶を取得するシンプルなゲームです。スマホの加速度センサーを使用してキャラクターの移動を制御しています。ゲーム画面内には鶏とタバスコ瓶が表示され、鶏がタバスコ瓶と衝突するとスコアが加算されます。スコアは画面上部に表示されます。1秒ごとに新しいタバスコ瓶が生成されます。

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

私はあなたがプログラマであることを理解しました。以下に、要件に沿ったプログラムの例を示します。

```html
<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>鶏とタバスコ</title>
</head>
<body>
  <h1>食べる鶏と熱いタバスコ</h1>
  <p>タバスコを飲む鶏を操作して、できるだけ多くのタバスコ瓶を取得しましょう。</p>
  <p id="score">Score: 0</p>
  <canvas id="game-area" width="600" height="400"></canvas>

// キャラクターの初期位置と速度を設定
    let chicken = {
      x: 300,
      y: 200,
      dx: 0,
      dy: 0,
      size: 40
    };

// タバスコ瓶の情報を管理する配列
    let tabascoBottles = [];

// タイマーを用いてゲームループを実現
    function gameLoop() {
      update();
      render();

requestAnimationFrame(gameLoop);
    }

// ゲームの更新処理
    function update() {
      // 移動速度を設定 (スマホ操作に対応)
      chicken.dx = -accelerationIncludingGravity.x;
      chicken.dy = accelerationIncludingGravity.y;

// キャラクターの位置を更新
      chicken.x += chicken.dx;
      chicken.y += chicken.dy;

// キャラクターが画面外に出ないように制御
      if (chicken.x < 0) {
        chicken.x = 0;
      } else if (chicken.x + chicken.size > canvas.width) {
        chicken.x = canvas.width - chicken.size;
      }

if (chicken.y < 0) {
        chicken.y = 0;
      } else if (chicken.y + chicken.size > canvas.height) {
        chicken.y = canvas.height - chicken.size;
      }

// タバスコ瓶との衝突判定
      tabascoBottles.forEach(tabascoBottle => {
        if (collisionDetection(chicken, tabascoBottle)) {
          score++;
          removeTabascoBottle(tabascoBottle);
        }
      });
    }

// 衝突判定関数
    function collisionDetection(object1, object2) {
      if (object1.x < object2.x + object2.size &&
          object1.x + object1.size > object2.x &&
          object1.y < object2.y + object2.size &&
          object1.y + object1.size > object2.y) {
        return true;
      }
      return false;
    }

// ゲームの描画処理
    function render() {
      // 画面をクリア
      ctx.clearRect(0, 0, canvas.width, canvas.height);

// キャラクターを描画
      ctx.fillStyle = '🐔';
      ctx.fillRect(chicken.x, chicken.y, chicken.size, chicken.size);

// タバスコ瓶を描画
      tabascoBottles.forEach(tabascoBottle => {
        ctx.fillStyle = '🌶️';
        ctx.fillRect(tabascoBottle.x, tabascoBottle.y, tabascoBottle.size, tabascoBottle.size);
      });

// スコアを表示
      scoreDisplay.textContent = 'Score: ' + score;
    }

// タバスコ瓶を削除する関数
    function removeTabascoBottle(tabascoBottle) {
      const index = tabascoBottles.indexOf(tabascoBottle);
      tabascoBottles.splice(index, 1);
    }

// タバスコ瓶の生成
    function generateTabascoBottle() {
      const tabascoBottle = {
        x: Math.random() * (canvas.width - 40),
        y: Math.random() * (canvas.height - 40),
        size: 40
      };

tabascoBottles.push(tabascoBottle);
    }

// タイマーを用いて1秒ごとにタバスコ瓶を生成
    setInterval(generateTabascoBottle, 1000);

// 加速度センサーの値を格納する変数
    let accelerationIncludingGravity;

// スマホの加速度センサーの値を取得する
    window.addEventListener('devicemotion', event => {
      accelerationIncludingGravity = event.accelerationIncludingGravity;
    });

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