AI game creator

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

No:42420

←

Prev Next

→

particle
Developer User18878｜Date and time 24/2/11 18:08:59
Build time 8.11 sec｜Game capacity 2.779KB｜

Script

Sure, I can help you create a simple game using JavaScript. Here's an example of a game called "Particle Catcher" implemented as a single HTML file:

To play the game, you can open the HTML file in a web browser on your smartphone. The objective of the game is to avoid colliding with the particles (represented by colored circles) using touch controls to move the blue square around the canvas. Please note that this is a very basic game implementation for demonstration purposes. You can customize and enhance the game according to your preferences by modifying the code. Good luck!

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋グッズランキング

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

Sure, I can help you create a simple game using JavaScript. Here's an example of a game called "Particle Catcher" implemented as a single HTML file:

```html
<!DOCTYPE html>
<html>
  <head>
    <title>Particle Catcher</title>
    <style>
      canvas {
        border: 1px solid black;
      }
    </style>
  </head>
  <body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
      const canvas = document.getElementById('gameCanvas');
      const ctx = canvas.getContext('2d');

const particleRadius = 20;
      const particleSpeed = 2;
      const playerSize = 40;

const player = {
        x: canvas.width / 2 - playerSize / 2,
        y: canvas.height / 2 - playerSize / 2,
        size: playerSize,
        color: 'blue'
      };

const particles = [
        { x: 50, y: 50, color: 'red' },
        { x: 200, y: 200, color: 'green' },
        { x: 350, y: 350, color: 'yellow' }
      ];

function drawPlayer() {
        ctx.fillStyle = player.color;
        ctx.fillRect(player.x, player.y, player.size, player.size);
      }

function drawParticles() {
        particles.forEach(particle => {
          ctx.fillStyle = particle.color;
          ctx.beginPath();
          ctx.arc(particle.x, particle.y, particleRadius, 0, Math.PI * 2, false);
          ctx.fill();
        });
      }

function updatePlayerPosition(event) {
        const { clientX, clientY } = event.touches[0];
        const canvasRect = canvas.getBoundingClientRect();
        player.x = clientX - canvasRect.left - player.size / 2;
        player.y = clientY - canvasRect.top - player.size / 2;
      }

function update() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawPlayer();
        drawParticles();
        checkCollision();
        requestAnimationFrame(update);
      }

canvas.addEventListener('touchmove', updatePlayerPosition);
      update();
    </script>
  </body>
</html>
```

Please note that this is a very basic game implementation for demonstration purposes. You can customize and enhance the game according to your preferences by modifying the code. Good luck!