Make me an action survival game's game

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

No:13792

121

←

Prev Next

→

Make me an action survival game
Developer User6028｜Date and time 23/8/30 1:36:54
Build time 27.442 sec｜Game capacity 4.252KB｜

Script

Sure! Here's a simple action survival game implemented in a single HTML file using JavaScript, enclosed in script tags:

Please make sure to replace the `emozi_all/player.png` and `emozi_all/enemy.png` with your own pictograms for the player and enemy entities. The game logic allows the player to move using arrow keys or the WASD keys. The aim is to avoid colliding with the enemies represented by the enemy pictogram. If a collision occurs, an alert message appears saying "Game Over!" and the game restarts after reloading the page. Feel free to add more features, graphics, or customize the game as per your preferences.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure! Here's a simple action survival game implemented in a single HTML file using JavaScript, enclosed in script tags:

```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Action Survival Game</title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    canvas {
      display: block;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Pictograms
    let playerImg = new Image();
    playerImg.src = "player.png";

let enemyImg = new Image();
    enemyImg.src = "enemy.png";

// Game entities
    let player = {
      x: canvas.width / 2,
      y: canvas.height - 50,
      width: 50,
      height: 50,
      speed: 5
    };

let enemies = [];
    let maxEnemies = 10;

for (let i = 0; i < maxEnemies; i++) {
      enemies.push({
        x: Math.random() * canvas.width,
        y: Math.random() * canvas.height,
        width: 30,
        height: 30,
        speed: Math.random() * 2 + 1
      });
    }

// Game controls
    let leftPressed = false;
    let rightPressed = false;
    let upPressed = false;
    let downPressed = false;

document.addEventListener("keydown", keyDownHandler);
    document.addEventListener("keyup", keyUpHandler);

// Game update
    function update() {
      if (leftPressed && player.x > 0) {
        player.x -= player.speed;
      } else if (rightPressed && player.x < canvas.width - player.width) {
        player.x += player.speed;
      }

if (upPressed && player.y > 0) {
        player.y -= player.speed;
      } else if (downPressed && player.y < canvas.height - player.height) {
        player.y += player.speed;
      }

for (let i = 0; i < enemies.length; i++) {
        enemies[i].y += enemies[i].speed;

if (enemies[i].y > canvas.height) {
          enemies[i].x = Math.random() * canvas.width;
          enemies[i].y = -enemies[i].height;
        }

if (
          player.x < enemies[i].x + enemies[i].width &&
          player.x + player.width > enemies[i].x &&
          player.y < enemies[i].y + enemies[i].height &&
          player.y + player.height > enemies[i].y
        ) {
          // Collision occurred, game over logic here
          alert("Game Over!");
          document.location.reload();
        }
      }

// Render game entities
      ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.drawImage(playerImg, player.x, player.y, player.width, player.height);

for (let i = 0; i < enemies.length; i++) {
        ctx.drawImage(enemyImg, enemies[i].x, enemies[i].y, enemies[i].width, enemies[i].height);
      }

requestAnimationFrame(update);
    }

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

Please make sure to replace the `player.png` and `enemy.png` with your own pictograms for the player and enemy entities. The game logic allows the player to move using arrow keys or the WASD keys. The aim is to avoid colliding with the enemies represented by the enemy pictogram. If a collision occurs, an alert message appears saying "Game Over!" and the game restarts after reloading the page.

Feel free to add more features, graphics, or customize the game as per your preferences.