シューティング　ホラーゲーム's game

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

No:38131

108

←

Prev Next

→

シューティング　ホラーゲーム
Developer User17238｜Date and time 24/1/22 22:55:42
Build time 21.259 sec｜Game capacity 3.764KB｜

Script

了解しました。以下にシューティングホラーゲームのプログラムの例を示します。

このプログラムは、canvas要素を使用してゲーム画面を表示し、プレイヤーと敵の当たり判定を確認してゲームオーバーとなるシューティングホラーゲームです。スマホで操作できるようにタッチイベントを使用してプレイヤーの座標を更新しています。ゲームの初期化として、ゲームオーバー後にゲームをリセットする処理も含まれています。

←

Prev　Next

→ 　

Back　

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

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

了解しました。以下にシューティングホラーゲームのプログラムの例を示します。

```html
<!DOCTYPE html>
<html>
<head>
  <title>シューティングホラーゲーム</title>
</head>
<body>
  <canvas id="gameCanvas" style="border:1px solid black"></canvas>

// プレイヤーの設定
    const playerRadius = 20;
    let playerX = screenWidth / 2;
    let playerY = screenHeight / 2;

// 敵の設定
    const enemyRadius = 10;
    const numOfEnemies = 5;
    let enemies = [];
    for (let i = 0; i < numOfEnemies; i++) {
      enemies.push({
        x: Math.random() * screenWidth,
        y: Math.random() * screenHeight,
        speed: Math.random() * 2 + 1
      });
    }

// イベントリスナーの設定（スマホ操作）
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchmove", handleTouchMove, false);

// ゲームのメインループ
    function gameLoop() {
      ctx.clearRect(0, 0, screenWidth, screenHeight);

// プレイヤーを描画
      ctx.beginPath();
      ctx.arc(playerX, playerY, playerRadius, 0, 2 * Math.PI);
      ctx.fillStyle = "red";
      ctx.fill();
      ctx.closePath();

// 敵を描画
      for (let i = 0; i < enemies.length; i++) {
        ctx.beginPath();
        ctx.arc(enemies[i].x, enemies[i].y, enemyRadius, 0, 2 * Math.PI);
        ctx.fillStyle = "blue";
        ctx.fill();
        ctx.closePath();
      }

// プレイヤーと敵の当たり判定を確認
      for (let i = 0; i < enemies.length; i++) {
        let dx = enemies[i].x - playerX;
        let dy = enemies[i].y - playerY;
        let distance = Math.sqrt(dx * dx + dy * dy);
        if (distance < playerRadius + enemyRadius) {
          // ゲームオーバー処理
          alert("ゲームオーバー");
          resetGame();
        }
      }

requestAnimationFrame(gameLoop);
    }

// タッチイベントの処理
    let touchStartX = 0;
    let touchStartY = 0;
    let touchMoveX = 0;
    let touchMoveY = 0;
    function handleTouchStart(event) {
      touchStartX = event.touches[0].clientX;
      touchStartY = event.touches[0].clientY;
    }
    function handleTouchMove(event) {
      event.preventDefault();
      touchMoveX = event.touches[0].clientX;
      touchMoveY = event.touches[0].clientY;

// プレイヤーの座標を更新
      playerX += (touchMoveX - touchStartX) * 0.1;
      playerY += (touchMoveY - touchStartY) * 0.1;

touchStartX = touchMoveX;
      touchStartY = touchMoveY;
    }

// ゲームの初期化
    function resetGame() {
      playerX = screenWidth / 2;
      playerY = screenHeight / 2;
      enemies = [];
      for (let i = 0; i < numOfEnemies; i++) {
        enemies.push({
          x: Math.random() * screenWidth,
          y: Math.random() * screenHeight,
          speed: Math.random() * 2 + 1
        });
      }
    }

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