A fps horror about cod ghosts's game

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

No:21851

←

Prev Next

→

A fps horror about cod ghosts
Developer User10089｜Date and time 23/10/18 18:25:56
Build time 59.213 sec｜Game capacity 2.96KB｜

Script

Sure! Here's a simple implementation of an FPS horror game about Call of Duty: Ghosts using JavaScript and HTML. Please note that this is just a basic example to get you started, and you can expand and customize it further to fulfill your game's requirements.

This example sets up a simple game canvas where the player, represented by a green square, can move using the arrow keys. There is also a ghost represented by a red square that randomly moves around the canvas. If the player collides with the ghost, an alert box appears indicating that the game is over (you can modify this logic to suit your game). Although the example is basic, you can build upon it by adding more features like scoring, levels, additional enemies, shooting mechanics, sound effects, and more.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
  <title>COD Ghosts FPS Horror Game</title>
  <style>
    canvas {
      border: 1px solid #000;
      display: block;
      margin: 0 auto;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player object
    const player = {
      x: canvas.width / 2,
      y: canvas.height / 2,
      size: 20,
      color: '#00FF00',
      speed: 4
    };

// Ghost object
    const ghost = {
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      size: 30,
      color: '#FF0000'
    };

// Event listener for player movement
    document.addEventListener('keydown', movePlayer);

// Collision detection
    function detectCollision(object1, object2) {
      return (
        object1.x < object2.x + object2.size &&
        object1.x + object1.size > object2.x &&
        object1.y < object2.y + object2.size &&
        object1.y + object1.size > object2.y
      );
    }

// Game loop
    function gameLoop() {
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.size, player.size);

// Draw ghost
      context.fillStyle = ghost.color;
      context.fillRect(ghost.x, ghost.y, ghost.size, ghost.size);

// Check collision
      if (detectCollision(player, ghost)) {
        alert('Game Over!');
        // Implement game over logic here
      }

requestAnimationFrame(gameLoop);
    }

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

Although the example is basic, you can build upon it by adding more features like scoring, levels, additional enemies, shooting mechanics, sound effects, and more.