Make a 3rd person shooter 3d's game

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

No:27698

113

←

Prev Next

→

Make a 3rd person shooter 3d
Developer User13610｜Date and time 23/12/8 9:33:54
Build time 35.671 sec｜Game capacity 4.201KB｜

Script

As an AI text-based model, I can provide you with a basic example of a 3rd person shooter game implemented in a single HTML file using JavaScript. However, please note that creating a fully-featured 3D game would require extensive coding and graphics rendering, which is beyond the scope of a simple text response. Nonetheless, you can use this example as a starting point and add more features as per your requirements.

Please note that this example only provides basic functionalities to move the player and fire bullets. To create a complete 3D shooter game, you would need to implement additional features such as enemy artificial intelligence, collision detection, 3D rendering, 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>3rd Person Shooter Game</title>
    <style>
      #game-container {
        width: 400px;
        height: 400px;
        border: 1px solid #ccc;
      }
    </style>
  </head>
  <body>
    <div id="game-container"></div>

// Game Variables
      var player = {
        x: 200,
        y: 200,
        speed: 5,
        size: 20,
      };

var bullets = [];

// Game Loop
      function gameLoop() {
        clearCanvas();
        update();
        draw();

requestAnimationFrame(gameLoop);
      }

// Clear the canvas
      function clearCanvas() {
        context.clearRect(0, 0, canvas.width, canvas.height);
      }

// Update game objects and handle collisions
      function update() {
        // Update player position based on input
        // Get user input using touch events on a smartphone

// Update bullet positions
        bullets.forEach(function (bullet) {
          bullet.x += bullet.speed;
        });

// Handle bullet-enemy collisions
        // Here you would need to implement logic for enemy objects

// Handle bullet bound to the canvas
        bullets = bullets.filter(function (bullet) {
          return bullet.x < canvas.width;
        });
      }

// Draw game objects on the canvas
      function draw() {
        // Draw player
        context.fillStyle = "#f00";
        context.fillRect(
          player.x - player.size / 2,
          player.y - player.size / 2,
          player.size,
          player.size
        );

// Draw bullets
        context.fillStyle = "#00f";
        bullets.forEach(function (bullet) {
          context.fillRect(bullet.x, bullet.y, 10, 5);
        });

// Draw enemies
        // Here you would need to implement logic for drawing enemy objects
      }

// Fire a bullet
      function fireBullet() {
        var bullet = {
          x: player.x,
          y: player.y,
          speed: 10,
        };
        bullets.push(bullet);
      }

// Handle touch events to move player and fire bullets
      canvas.addEventListener("touchstart", handleTouchStart, false);
      canvas.addEventListener("touchmove", handleTouchMove, false);
      canvas.addEventListener("touchend", handleTouchEnd, false);

var touchStartX, touchStartY;
      var touchMoved = false;

// Event Handlers
      function handleTouchStart(event) {
        event.preventDefault();
        var touch = event.touches[0];
        touchStartX = touch.clientX;
        touchStartY = touch.clientY;
        touchMoved = false;
      }

function handleTouchMove(event) {
        event.preventDefault();
        touchMoved = true;

var touch = event.touches[0];
        var touchX = touch.clientX;
        var touchY = touch.clientY;

// Move player based on touch movement
        var deltaX = touchX - touchStartX;
        var deltaY = touchY - touchStartY;
        player.x += deltaX;
        player.y += deltaY;

touchStartX = touchX;
        touchStartY = touchY;
      }

function handleTouchEnd(event) {
        event.preventDefault();

if (!touchMoved) {
          // Fire a bullet if touch didn't result in movement
          fireBullet();
        }
      }

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