Horror demon 3rd person shooter's game

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

No:16099

←

Prev Next

→

Horror demon 3rd person shooter
Developer User7132｜Date and time 23/9/16 1:56:58
Build time 32.935 sec｜Game capacity 3.77KB｜

Script

Sure, here's a sample implementation of a simple 3rd person shooter game with a horror demon theme, using JavaScript and HTML in a single file:

You can save the above code as "horror_demon.html" and open it in a browser to play the game. The player (blue square) moves based on mouse movement and shoots bullets (red rectangles) by clicking the mouse. The goal is to avoid the demon (red square) and defeat it by shooting multiple bullets at it. If the player collides with the demon, the game is over.

←

Prev　Next

→ 　

Back　

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

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

Sure, here's a sample implementation of a simple 3rd person shooter game with a horror demon theme, using JavaScript and HTML in a single file:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Horror Demon 3rd Person Shooter</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="800" height="600"></canvas>

// Initialize game
    function init() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

// Set initial player position
      playerX = canvas.width / 2;
      playerY = canvas.height / 2;

// Initialize bullet array
      bullets = [];

// Set initial demon position
      demonX = Math.random() * (canvas.width - 50);
      demonY = Math.random() * (canvas.height - 50);

// Set game over flag
      isGameOver = false;

// Start game loop
      setInterval(updateGame, 20);

// Register event listeners
      canvas.addEventListener("mousemove", handleMouseMove);
      canvas.addEventListener("click", handleMouseClick);
    }

// Update game state
    function updateGame() {
      if (!isGameOver) {
        // Clear canvas
        ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update player position based on mouse movement
        updatePlayer();

// Draw player
        drawPlayer();

// Update and draw bullets
        updateBullets();
        drawBullets();

// Draw demon
        drawDemon();

// Check for collision
        if (checkCollision()) {
          isGameOver = true;
        }
      }
    }

// Update player position
    function updatePlayer() {
      // Calculate player position based on mouse movement
      playerX = mouseX;
      playerY = mouseY;
    }

// Draw player
    function drawPlayer() {
      ctx.fillStyle = "blue";
      ctx.fillRect(playerX - 10, playerY - 10, 20, 20);
    }

// Handle mouse movement
    function handleMouseMove(event) {
      mouseX = event.clientX - canvas.offsetLeft;
      mouseY = event.clientY - canvas.offsetTop;
    }

// Handle mouse click (shoot)
    function handleMouseClick() {
      if (!isGameOver) {
        // Add bullet to bullets array
        bullets.push({ x: playerX, y: playerY });
      }
    }

// Update bullet positions
    function updateBullets() {
      bullets.forEach((bullet) => {
        if (bullet.y > 0) {
          // Move bullet upwards
          bullet.y -= 5;
        } else {
          // Remove bullet if it's outside the canvas
          bullets.shift();
        }
      });
    }

// Draw bullets
    function drawBullets() {
      ctx.fillStyle = "red";
      bullets.forEach((bullet) => {
        ctx.fillRect(bullet.x - 2, bullet.y - 10, 4, 20);
      });
    }

// Draw demon
    function drawDemon() {
      ctx.fillStyle = "red";
      ctx.fillRect(demonX, demonY, 50, 50);
    }

// Check for collision between player and demon
    function checkCollision() {
      const distX = Math.abs(playerX - demonX);
      const distY = Math.abs(playerY - demonY);

return distX < 30 && distY < 30;
    }

// Start the game
    window.onload = init;
  </script>
</body>
</html>
```