Fine night at Freddy shooting game's game

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

No:31589

←

Prev Next

→

Fine night at Freddy shooting game
Developer User15185｜Date and time 23/12/27 16:41:00
Build time 30.256 sec｜Game capacity 3.526KB｜

Script

Sure, I can create a simple shooting game based on the "Five Nights at Freddy's" theme. Please find the code below:

To run this game, save the above code into an HTML file (e.g., `game.html`). You can then open the file in a web browser on your smartphone. The game allows you to control the player character using the left and right arrow keys. Pressing the up arrow key shoots a bullet upwards. The objective is to shoot down the targets (represented by white squares) scrolling from top to bottom with the bullets. Note: This is a basic implementation of a shooting game using JavaScript and canvas. To make it a complete game with specific rules, levels, and other features, additional coding and game design would be required.

←

Prev　Next

→ 　

Back　

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

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

Sure, I can create a simple shooting game based on the "Five Nights at Freddy's" theme. Please find the code below:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Fine Night at Freddy Shooting Game</title>
  <style>
    #game-container {
      width: 100%;
      height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      background: black;
      color: white;
      font-family: 'Courier New', monospace;
    }
  </style>
</head>
<body>
  <div id="game-container">
    <canvas id="game-canvas"></canvas>
  </div>
  <script>
      // Get the canvas element
      var canvas = document.getElementById('game-canvas');
      var ctx = canvas.getContext('2d');

// Set canvas size
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;

// Player object
      var player = {
        x: canvas.width / 2,
        y: canvas.height - 80,
        width: 50,
        height: 50,
        color: 'red'
      };

// Arrow key states
      var arrowKeys = {};

// Handle arrow key events
      document.addEventListener('keydown', function(event) {
        arrowKeys[event.key] = true;
      });

document.addEventListener('keyup', function(event) {
        arrowKeys[event.key] = false;
      });

// Bullet object
      class Bullet {
        constructor(x, y, speed) {
          this.x = x;
          this.y = y;
          this.width = 10;
          this.height = 10;
          this.color = 'white';
          this.speed = speed;
        }

update() {
          this.y -= this.speed;
        }

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

// Bullet array
      var bullets = [];

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

// Move player
        if (arrowKeys['ArrowLeft'] && player.x > 0) {
          player.x -= 5;
        }
        if (arrowKeys['ArrowRight'] && player.x + player.width < canvas.width) {
          player.x += 5;
        }

// Shoot bullet
        if (arrowKeys['ArrowUp']) {
          var bullet = new Bullet(player.x + player.width / 2 - 5, player.y, 10);
          bullets.push(bullet);
        }

// Update and draw bullets
        bullets.forEach(function(bullet) {
          bullet.update();
          bullet.draw();
        });

// Remove bullets that go beyond the canvas
        bullets = bullets.filter(function(bullet) {
          return bullet.y > 0;
        });

// Draw player
        ctx.fillStyle = player.color;
        ctx.fillRect(player.x, player.y, player.width, player.height);

// Request next frame
        requestAnimationFrame(gameLoop);
      }

// Start the game
      gameLoop();
  </script>
</body>
</html>
```

To run this game, save the above code into an HTML file (e.g., `game.html`). You can then open the file in a web browser on your smartphone.

The game allows you to control the player character using the left and right arrow keys. Pressing the up arrow key shoots a bullet upwards. The objective is to shoot down the targets (represented by white squares) scrolling from top to bottom with the bullets.

Note: This is a basic implementation of a shooting game using JavaScript and canvas. To make it a complete game with specific rules, levels, and other features, additional coding and game design would be required.