AI game creator

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

No:9087

139

←

Prev Next

→

particle
Developer User4296｜Date and time 23/7/21 4:38:05
Build time 33.188 sec｜Game capacity 4.575KB｜

Script

As an AI language model, I can provide you with a sample game implemented in a single HTML file using JavaScript and playable on a smartphone. Here's an example of a simple game called "Particle Catcher":

This game involves controlling a player (represented as a red square) using touch input on a smartphone screen. The objective is to catch particles (represented as black squares) falling from the top of the screen by moving the player left or right. Each particle caught earns points. You can copy the above code into a `.html` file and run it on your smartphone or any modern web browser that supports JavaScript. Note that this is a basic example, and you can enhance it further with additional features, levels, graphics, or sound effects based on your requirements and programming skills.

←

Prev　Next

→ 　

Back　

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

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

```html
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Particle Catcher</title>
  <style>
    canvas {
      border: 1px solid black;
    }
  </style>
</head>
<body>
  <canvas id="gameCanvas"></canvas>

// Initialize the game
    function initialize() {
      canvas = document.getElementById("gameCanvas");
      context = canvas.getContext("2d");

// Set canvas dimensions
      canvas.width = window.innerWidth;
      canvas.height = 400;

// Create player object
      player = {
        x: canvas.width / 2 - 25,
        y: canvas.height - 50,
        width: 50,
        height: 50,
        color: "#FF0000",
        speed: 8
      };

// Create particles array
      particles = [];

// Event listener to control player movement (touch or click)
      canvas.addEventListener("touchstart", handleTouch);
      canvas.addEventListener("touchmove", handleTouch);

// Start the game loop
      requestAnimationFrame(gameLoop);
    }

// Game loop
    function gameLoop() {
      // Clear canvas
      context.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw the player
      updatePlayer();
      drawPlayer();

// Update and draw the particles
      updateParticles();
      drawParticles();

// Check for collisions
      checkCollisions();

// Repeat the game loop
      requestAnimationFrame(gameLoop);
    }

// Update player position based on touch input
    function handleTouch(event) {
      if (event.touches[0].clientX < canvas.width / 2) {
        player.x -= player.speed;
      } else {
        player.x += player.speed;
      }
      event.preventDefault();
    }

// Update player's position and boundaries
    function updatePlayer() {
      if (player.x < 0) player.x = 0;
      if (player.x > canvas.width - player.width) player.x = canvas.width - player.width;
    }

// Draw the player on the canvas
    function drawPlayer() {
      context.fillStyle = player.color;
      context.fillRect(player.x, player.y, player.width, player.height);
    }

// Create a new particle
    function createParticle() {
      var particle = {
        x: Math.random() * (canvas.width - 10),
        y: -10,
        width: 10,
        height: 10,
        color: "#000000",
        speed: 5
      };
      particles.push(particle);
    }

// Update particle positions and remove particles that are off-screen
    function updateParticles() {
      for (var i = 0; i < particles.length; i++) {
        var particle = particles[i];
        particle.y += particle.speed;

// Remove particles that are off-screen
        if (particle.y > canvas.height) {
          particles.splice(i, 1);
          i--;
        }
      }

// Randomly create new particles
      if (Math.random() < 0.05) createParticle();
    }

// Draw particles on the canvas
    function drawParticles() {
      for (var i = 0; i < particles.length; i++) {
        var particle = particles[i];
        context.fillStyle = particle.color;
        context.fillRect(particle.x, particle.y, particle.width, particle.height);
      }
    }

// Check for collisions between player and particles
    function checkCollisions() {
      for (var i = 0; i < particles.length; i++) {
        var particle = particles[i];

if (
          player.x < particle.x + particle.width &&
          player.x + player.width > particle.x &&
          player.y < particle.y + particle.height &&
          player.y + player.height > particle.y
        ) {
          particles.splice(i, 1);
          i--;
        }
      }
    }

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

You can copy the above code into a `.html` file and run it on your smartphone or any modern web browser that supports JavaScript.

Note that this is a basic example, and you can enhance it further with additional features, levels, graphics, or sound effects based on your requirements and programming skills.