AI game creator

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

No:40063

←

Prev Next

→

A survival shooter
Developer User17961｜Date and time 24/1/31 22:21:42
Build time 15.783 sec｜Game capacity 3.365KB｜

Script

Sure! Here's a simple example of a survival shooter game implemented as a single HTML file using JavaScript:

In this game, you control a blue player character by swiping up and down on the smartphone screen. The aim is to avoid colliding with the red enemy characters that try to move towards the player. If a collision occurs, the game ends and a "Game Over!" message is displayed. Please note that this is a basic example and can be further expanded and improved upon.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple example of a survival shooter game implemented as a single HTML file using JavaScript:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Survival Shooter Game</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas" width="480" height="320"></canvas>

function startGame() {
      canvas = document.getElementById("gameCanvas");
      ctx = canvas.getContext("2d");

player = new Player();
      enemies = [];
      gameOver = false;

setInterval(updateGameArea, 20);
    }

function Player() {
      this.x = 50;
      this.y = 150;
      this.width = 20;
      this.height = 20;

this.update = function() {
        ctx.fillStyle = "blue";
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }

this.move = function(direction) {
        if (direction === "up") { this.y -= 5; }
        if (direction === "down") { this.y += 5; }
        if (direction === "left") { this.x -= 5; }
        if (direction === "right") { this.x += 5; }
      }
    }

function Enemy(x, y) {
      this.x = x;
      this.y = y;
      this.width = 10;
      this.height = 10;

this.update = function() {
        ctx.fillStyle = "red";
        ctx.fillRect(this.x, this.y, this.width, this.height);
      }
    }

function updateGameArea() {
      if (gameOver) return;

clearCanvas();
      player.update();

if (Math.random() < 0.02) { // Add enemies randomly
        var x = canvas.width;
        var y = Math.random() * (canvas.height - 10);
        enemies.push(new Enemy(x, y));
      }

for (var i = 0; i < enemies.length; i++) {
        enemies[i].x -= 3; // Move enemies to the left
        enemies[i].update();

if (isCollision(player, enemies[i])) {
          gameOver = true;
          alert("Game Over!");
        }
      }
    }

function clearCanvas() {
      ctx.clearRect(0, 0, canvas.width, canvas.height);
    }

function isCollision(obj1, obj2) {
      return obj1.x < obj2.x + obj2.width &&
             obj1.x + obj1.width > obj2.x &&
             obj1.y < obj2.y + obj2.height &&
             obj1.y + obj1.height > obj2.y;
    }

// Event listeners for touch controls on smartphone
    function handleTouchStart(event) {
      if (gameOver) return;

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

if (touchX < canvas.width/2) {
        player.move("up");
      } else {
        player.move("down");
      }
    }

function handleTouchEnd(event) {
      if (gameOver) return;

player.move("right");
    }

// Start the game
    startGame();

// Attach touch event listeners to the canvas
    canvas.addEventListener("touchstart", handleTouchStart, false);
    canvas.addEventListener("touchend", handleTouchEnd, false);
  </script>
</body>
</html>
```

Please note that this is a basic example and can be further expanded and improved upon.