AI game creator

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

No:41411

←

Prev Next

→

particle
Developer User16468｜Date and time 24/2/7 9:37:55
Build time 8.01 sec｜Game capacity 2.482KB｜

Script

Sure! Here is an example of a simple game implemented as a single HTML file using JavaScript, enclosed in `` tags: <br><br> <br> <style> canvas { border: 1px solid #000; } </style> <canvas id="gameCanvas" width="400" height="400"></canvas>

This game showcases a particle that can be controlled by touching the screen on a smartphone. The particle moves towards the touch position, creating a simple interactive experience.

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

Sure! Here is an example of a simple game implemented as a single HTML file using JavaScript, enclosed in `<script>` tags:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Particle Game</title>
    <style>
        canvas {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

// Define the particle object
        function Particle(x, y) {
            this.x = x;
            this.y = y;

this.draw = () => {
                ctx.beginPath();
                ctx.arc(this.x, this.y, 10, 0, Math.PI*2);
                ctx.fillStyle = "blue";
                ctx.fill();
                ctx.closePath();
            };

this.move = (dx, dy) => {
                this.x += dx;
                this.y += dy;
            };
        }

// Create the initial particle
        const particle = new Particle(canvas.width / 2, canvas.height / 2);

// Function to clear the canvas
        const clearCanvas = () => {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        };

// Function to update the game state
        const update = () => {
            clearCanvas();

particle.draw();
        };

// Function to handle touch events on mobile
        const handleTouch = (event) => {
            const touchX = event.touches[0].clientX - canvas.offsetLeft;
            const touchY = event.touches[0].clientY - canvas.offsetTop;

// Move the particle towards the touch position
            const dx = (touchX - particle.x) * 0.1;
            const dy = (touchY - particle.y) * 0.1;

particle.move(dx, dy);

// Prevent scrolling on touch devices
            event.preventDefault();
        };

// Register the touch event listener
        canvas.addEventListener("touchmove", handleTouch, false);
        
        // Game loop
        const gameLoop = () => {
            update();
            requestAnimationFrame(gameLoop);
        };
        
        // Start the game loop
        gameLoop();
    </script>
</body>
</html>
```

This game showcases a particle that can be controlled by touching the screen on a smartphone. The particle moves towards the touch position, creating a simple interactive experience.