AI game creator

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

No:26151

←

Prev Next

→

3d zombie game
Developer User12889｜Date and time 23/11/27 11:07:46
Build time 66.874 sec｜Game capacity 3.677KB｜

Script

Sure! Here's an example of a simple 3D zombie game implemented as a single HTML file. The game uses JavaScript and can be played on a smartphone. It incorporates pictograms for visual elements.

To play the game, simply open the HTML file on a smartphone browser. The player (represented by a red square) can be controlled by touching and moving the screen. The zombies (represented by green squares) will move towards the player, and if a zombie collides with the player, a game over alert will be displayed.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here's an example of a simple 3D zombie game implemented as a single HTML file. The game uses JavaScript and can be played on a smartphone. It incorporates pictograms for visual elements.

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    canvas {
      width: 100%;
      height: 100%;
      display: circle;
    }
  </style>
</head>
<body>
  <script>
    // Game logic
    var game = {
      canvas: null,
      context: null,
      player: null,
      zombies: [],
      
      start: function() {
        this.canvas = document.createElement('canvas');
        this.context = this.canvas.getContext('2d');
        this.canvas.width = window.innerWidth;
        this.canvas.height = window.innerHeight;
        document.body.appendChild(this.canvas);

this.player = {
          x: this.canvas.width / 2,
          y: this.canvas.height / 2,
          size: 32,
          speed: 3
        };

this.zombies = [{
          x: 65,
          y: 50,
          size: 32,
          speed: 2
        }, {
          x: 200,
          y: 200,
          size: 32,
          speed: 2
        }];

this.update();
      },

update: function() {
        this.draw();

// Update player position based on touch events
        this.canvas.addEventListener('touchmove', function(event) {
          var touch = event.touches[0];
          game.player.x = touch.clientX;
          game.player.y = touch.clientY;
        });

// Update zombies position towards the player
        for (var i = 0; i < this.zombies.length; i++) {
          var dx = this.player.x - this.zombies[i].x;
          var dy = this.player.y - this.zombies[i].y;
          var distance = Math.sqrt(dx * dx + dy * dy);
          var directionX = dx / distance;
          var directionY = dy / distance;
          this.zombies[i].x += directionX * this.zombies[i].speed;
          this.zombies[i].y += directionY * this.zombies[i].speed;

// Check if zombie collides with player
          if (this.detectCollision(this.player, this.zombies[i])) {
            alert('Game over!');
          }
        }

requestAnimationFrame(this.update.bind(this));
      },

draw: function() {
        this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);

// Draw player
        this.context.fillStyle = '#FF0000';
        this.context.fillRect(this.player.x - this.player.size / 2, this.player.y - this.player.size / 2, this.player.size, this.player.size);

// Draw zombies
        this.context.fillStyle = '#00FF00';
        for (var i = 0; i < this.zombies.length; i++) {
          this.context.fillRect(this.zombies[i].x - this.zombies[i].size / 2, this.zombies[i].y - this.zombies[i].size / 2, this.zombies[i].size, this.zombies[i].size);
        }
      },

detectCollision: function(a, b) {
        return a.x - a.size / 2 < b.x + b.size / 2 &&
               a.x + a.size / 2 > b.x - b.size / 2 &&
               a.y - a.size / 2 < b.y + b.size / 2 &&
               a.y + a.size / 2 > b.y - b.size / 2;
      }
    };

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

To play the game, simply open the HTML file on a smartphone browser. The player (represented by a red square) can be controlled by touching and moving the screen. The zombies (represented by green squares) will move towards the player, and if a zombie collides with the player, a game over alert will be displayed.