AI game creator

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

No:17565

125

←

Prev Next

→

A game about aliens
Developer User7723｜Date and time 23/9/23 23:30:54
Build time 44.44 sec｜Game capacity 3.707KB｜

Script

Sure! Here's a simple game about aliens using JavaScript and HTML:

This game is a simple alien invasion where the player controls a spaceship using touch input on their smartphone. The goal is to avoid colliding with the moving alien. The score increases as the game progresses, and it ends when the spaceship collides with the alien. The code uses a canvas element to draw the game objects and handles touch events for moving the spaceship.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple game about aliens using JavaScript and HTML:

```html
<!DOCTYPE html>
<html>
<head>
  <title>Alien Invasion</title>
</head>
<body>
  <canvas id="game" width="400" height="400"></canvas>
  <script>
    // Game variables
    var canvas = document.getElementById("game");
    var context = canvas.getContext("2d");
    var score = 0;
    var alienX = 50;
    var alienY = 50;
    var alienSize = 50;
    var spaceshipX = canvas.width / 2;
    var spaceshipY = canvas.height - 100;
    var spaceshipSize = 50;
    var gameEnded = false;

// Handle touch input for mobile devices
    document.addEventListener("touchstart", handleTouchStart, false);
    document.addEventListener("touchmove", handleTouchMove, false);

var xDown = null;
    var yDown = null;

function handleTouchStart(event) {
      xDown = event.touches[0].clientX;
      yDown = event.touches[0].clientY;
    }

function handleTouchMove(event) {
      if (!xDown || !yDown) {
        return;
      }

var xUp = event.touches[0].clientX;
      var yUp = event.touches[0].clientY;

var xDiff = xDown - xUp;
      var yDiff = yDown - yUp;

if (Math.abs(xDiff) > Math.abs(yDiff)) {
        if (xDiff > 0 && spaceshipX > 0) {
          spaceshipX -= 10; // Move spaceship left
        } else if (xDiff < 0 && spaceshipX < canvas.width - spaceshipSize) {
          spaceshipX += 10; // Move spaceship right
        }
      } else {
        if (yDiff > 0 && spaceshipY > 0) {
          spaceshipY -= 10; // Move spaceship up
        } else if (yDiff < 0 && spaceshipY < canvas.height - spaceshipSize) {
          spaceshipY += 10; // Move spaceship down
        }
      }

xDown = null;
      yDown = null;
    }

// Game loop
    function gameLoop() {
      if (gameEnded) {
        // Game over, display final score
        context.font = "30px Arial";
        context.fillStyle = "red";
        context.fillText("Game Over! Score: " + score, 50, 200);
      } else {
        // Update game state
        update();
        // Render game objects
        render();
        // Repeat game loop
        requestAnimationFrame(gameLoop);
      }
    }

// Update game state
    function update() {
      // Move alien randomly
      alienX += Math.floor(Math.random() * 11) - 5;
      alienY += Math.floor(Math.random() * 11) - 5;

// Check collision between spaceship and alien
      if (
        spaceshipX < alienX + alienSize &&
        spaceshipX + spaceshipSize > alienX &&
        spaceshipY < alienY + alienSize &&
        spaceshipY + spaceshipSize > alienY
      ) {
        gameEnded = true; // Game over if collision occurs
      }

// Increase score
      score++;
    }

// Render game objects
    function render() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Draw alien
      context.fillStyle = "green";
      context.fillRect(alienX, alienY, alienSize, alienSize);

// Draw spaceship
      context.fillStyle = "blue";
      context.fillRect(spaceshipX, spaceshipY, spaceshipSize, spaceshipSize);

// Display score
      context.font = "20px Arial";
      context.fillStyle = "black";
      context.fillText("Score: " + score, 10, 30);
    }

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