🦠細胞ゲーム(改) *画面上には、細胞、栄養、細菌が存在しています。また、画面上部にスコアも表示されています。 *細胞、栄養、細菌はJavaScriptのcanvasによって線画されています。 *細胞は十字キーによって操作できます。 *細胞は、栄養に触れる事でサイズが大きくなり、スコアが得られます。 *細胞は、細菌に触れる事で、スコアは減りませんが、サイズが一気に小さくなってしまいます。's game | AI game creator

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

No:5203

7715

🦠細胞ゲーム(改) *画面上には、細胞、栄養、細菌が存在しています。また、画面上部にスコアも表示さ..ALL
Developer もちきなこ｜Date and time 23/6/29 20:12:39
Build time 58.241 sec｜Game capacity 5.541KB｜

ゲームのアイデア: このゲームでは、プレイヤーは細胞となり、画面上で栄養を探し回り、細菌と接触しないようにしながら成長していくことが目標です。プレイヤーは細胞を操作して栄養に触れることでサイズを大きくし、スコアを獲得します。しかし、細菌に触れることでサイズは一気に小さくなってしまいます。ゲームの実装:

このコードは、HTMLファイルとして実装された細胞ゲームです。プレイヤーは十字キーを使用して細胞を操作し、栄養を取りながら成長し、細菌に触れずにスコアを獲得することが目標です。ゲーム内にはcanvas要素があり、JavaScriptを使用して細胞、栄養、細菌の線画が描画されます。細胞の位置とサイズ、栄養と細菌の数、スコアは変数で管理されます。描画関数では、細菌と栄養をcanvas上に描画し、細胞はプレイヤーの操作に応じて描画されます。スコアも表示されます。細胞の移動処理はキー入力に応じて行われ、衝突判定では細胞が栄養に触れた場合は成長し、スコアが加算されます。一方、細菌に触れた場合はサイズがリセットされ、スコアが減少します。ゲームループでは、描画、衝突判定のチェック、再描画のリクエストが行われ、ゲームが継続的に実行されます。このゲームはスマートフォンでの操作にも対応しており、細胞の操作やゲームのプレイが可能です。

→ 　

3　

2　

　
　
　
　

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

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

(C)2023 HisashiApp

ゲームのアイデア:

このゲームでは、プレイヤーは細胞となり、画面上で栄養を探し回り、細菌と接触しないようにしながら成長していくことが目標です。プレイヤーは細胞を操作して栄養に触れることでサイズを大きくし、スコアを獲得します。しかし、細菌に触れることでサイズは一気に小さくなってしまいます。

ゲームの実装:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>細胞ゲーム</title>
    <style>
      #gameCanvas {
        background-color: black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
      const canvas = document.getElementById("gameCanvas");
      const ctx = canvas.getContext("2d");

// 細胞の初期位置とサイズ
      let cellX = 200;
      let cellY = 200;
      let cellSize = 10;

// 栄養と細菌の数
      const nutrientCount = 30;
      const bacteriaCount = 10;

// スコア
      let score = 0;

// 栄養の位置とサイズをランダムに設定
      const nutrients = [];
      for (let i = 0; i < nutrientCount; i++) {
        const nutrient = {
          x: Math.random() * canvas.width,
          y: Math.random() * canvas.height,
          size: Math.random() * 5 + 1
        };
        nutrients.push(nutrient);
      }

// 細菌の位置とサイズをランダムに設定
      const bacteria = [];
      for (let i = 0; i < bacteriaCount; i++) {
        const bacterium = {
          x: Math.random() * canvas.width,
          y: Math.random() * canvas.height,
          size: Math.random() * 5 + 3
        };
        bacteria.push(bacterium);
      }

// 描画関数
      function draw() {
        // キャンバスをクリア
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// 細菌を描画
        ctx.fillStyle = "red";
        bacteria.forEach(bacterium => {
          ctx.beginPath();
          ctx.arc(bacterium.x, bacterium.y, bacterium.size, 0, Math.PI * 2);
          ctx.closePath();
          ctx.fill();
        });

// 栄養を描画
        ctx.fillStyle = "green";
        nutrients.forEach(nutrient => {
          ctx.beginPath();
          ctx.arc(nutrient.x, nutrient.y, nutrient.size, 0, Math.PI * 2);
          ctx.closePath();
          ctx.fill();
        });

// 細胞を描画
        ctx.fillStyle = "blue";
        ctx.beginPath();
        ctx.arc(cellX, cellY, cellSize, 0, Math.PI * 2);
        ctx.closePath();
        ctx.fill();

// スコアを表示
        ctx.font = "16px Arial";
        ctx.fillStyle = "white";
        ctx.fillText("Score: " + score, 10, 20);
      }

// 細胞の移動処理
      function moveCell(keyCode) {
        const speed = 5;
        switch (keyCode) {
          case 37: // 左
            cellX -= speed;
            break;
          case 38: // 上
            cellY -= speed;
            break;
          case 39: // 右
            cellX += speed;
            break;
          case 40: // 下
            cellY += speed;
            break;
        }
      }

// 衝突判定
      function checkCollisions() {
        // 栄養との衝突判定
        nutrients.forEach(nutrient => {
          const dx = cellX - nutrient.x;
          const dy = cellY - nutrient.y;
          const distance = Math.sqrt(dx * dx + dy * dy);

if (distance < cellSize + nutrient.size) {
            nutrients.splice(nutrients.indexOf(nutrient), 1);
            cellSize += nutrient.size;
            score++;
          }
        });

// 細菌との衝突判定
        bacteria.forEach(bacterium => {
          const dx = cellX - bacterium.x;
          const dy = cellY - bacterium.y;
          const distance = Math.sqrt(dx * dx + dy * dy);

if (distance < cellSize + bacterium.size) {
            cellSize = 5;
            score--;
          }
        });
      }

// キー入力処理
      document.addEventListener("keydown", event => {
        moveCell(event.keyCode);
      });

// ゲームループ
      function gameLoop() {
        draw();
        checkCollisions();
        requestAnimationFrame(gameLoop);
      }

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

このコードは、HTMLファイルとして実装された細胞ゲームです。プレイヤーは十字キーを使用して細胞を操作し、栄養を取りながら成長し、細菌に触れずにスコアを獲得することが目標です。

ゲーム内にはcanvas要素があり、JavaScriptを使用して細胞、栄養、細菌の線画が描画されます。細胞の位置とサイズ、栄養と細菌の数、スコアは変数で管理されます。

描画関数では、細菌と栄養をcanvas上に描画し、細胞はプレイヤーの操作に応じて描画されます。スコアも表示されます。

細胞の移動処理はキー入力に応じて行われ、衝突判定では細胞が栄養に触れた場合は成長し、スコアが加算されます。一方、細菌に触れた場合はサイズがリセットされ、スコアが減少します。

ゲームループでは、描画、衝突判定のチェック、再描画のリクエストが行われ、ゲームが継続的に実行されます。

このゲームはスマートフォンでの操作にも対応しており、細胞の操作やゲームのプレイが可能です。