particle's game | AI game creator

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

No:25416

60

particle
Developer User12440｜Date and time 23/11/21 13:02:16
Build time 74.81 sec｜Game capacity 2.977KB｜

Sure, here's a simple game implemented as a single HTML file, enclosed in script tags, using JavaScript. The game involves particles and can be played on a smartphone.

This game creates particles on the canvas whenever the user touches the screen on their smartphone. The particles fall down the canvas with varying speeds and random colors. The player can interact with the game by creating multiple particles and observing their movement and colors.

→ 　

0　

0　

[PR]現在の欲しいものランキング

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

(C)2023 HisashiApp

Sure, here's a simple game implemented as a single HTML file, enclosed in script tags, using JavaScript. The game involves particles and can be played on a smartphone.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Particle Game</title>
    <style>
        canvas {
            background-color: #222;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

<script>
        // Game variables
        var canvas, ctx;
        var particles = [];
        var particleSize = 10;
    
        // Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");
    
            // Start game loop
            setInterval(update, 16); // Update every 16ms (approximately 60 FPS)
    
            // Add touch event listener
            canvas.addEventListener("touchstart", function(event) {
                handleTouchEvent(event.touches[0]);
            });
        }
    
        // Game loop
        function update() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);
    
            // Update and draw particles
            for (var i = 0; i < particles.length; i++) {
                var particle = particles[i];
    
                particle.y += particle.speed;
    
                ctx.fillStyle = particle.color;
                ctx.beginPath();
                ctx.arc(particle.x, particle.y, particleSize, 0, Math.PI * 2);
                ctx.closePath();
                ctx.fill();
    
                // Remove particles that move off-screen
                if (particle.y > canvas.height + particleSize) {
                    particles.splice(i, 1);
                    i--;
                }
            }
        }
    
        // Handle touch events
        function handleTouchEvent(touch) {
            var x = touch.clientX - canvas.offsetLeft;
            var y = touch.clientY - canvas.offsetTop;
    
            // Create a new particle at the touch position
            var particle = {
                x: x,
                y: y,
                speed: Math.random() * 2 + 1,
                color: getRandomColor()
            };
    
            particles.push(particle);
        }
    
        // Generate a random color
        function getRandomColor() {
            var letters = "0123456789ABCDEF";
            var color = "#";
            for (var i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }
    
        // Start the game
        window.onload = init;
    </script>
</body>
</html>
```

This game creates particles on the canvas whenever the user touches the screen on their smartphone. The particles fall down the canvas with varying speeds and random colors. The player can interact with the game by creating multiple particles and observing their movement and colors.