AI game creator

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

No:33882

←

Prev Next

→

particle
Developer User15908｜Date and time 24/1/6 22:50:17
Build time 45.411 sec｜Game capacity 4.919KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms:

This game is called "Particle Game". It starts when you tap/click on the screen, and particles of different colors will start moving around randomly. Your goal is to tap/click on the particles to remove them from the canvas. Each time you successfully tap/click on a particle, your score will increase. The game is over when all particles are removed from the canvas, and the final score will be displayed in the center of the screen.

←

Prev　Next

→ 　

Back　

[PR]現在のプレゼントランキング

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

Sure! Here's a simple game implemented as a single HTML file using JavaScript. It is designed for smartphone operation and uses pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Particle Game</title>
    <style>
        canvas {
            display: block;
            margin: 0 auto;
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Game state
        let gameRunning = false;
        let particles = [];
        let score = 0;

// Initialize game
        function initializeGame() {
            particles = [];
            score = 0;

for (let i = 0; i < numParticles; i++) {
                const particle = {
                    x: Math.random() * (canvas.width - particleSize),
                    y: Math.random() * (canvas.height - particleSize),
                    speedX: (Math.random() - 0.5) * particleSpeed * 2,
                    speedY: (Math.random() - 0.5) * particleSpeed * 2,
                    color: getRandomColor()
                };
                particles.push(particle);
            }
        }

// Game loop
        function gameLoop() {
            if (!gameRunning) {
                return;
            }

// Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update particles
            particles.forEach(particle => {
                particle.x += particle.speedX;
                particle.y += particle.speedY;

if (particle.x < 0 || particle.x > canvas.width - particleSize) {
                    particle.speedX *= -1;
                }

if (particle.y < 0 || particle.y > canvas.height - particleSize) {
                    particle.speedY *= -1;
                }

// Check collision with touch/mouse click position
                canvas.addEventListener('click', function (event) {
                    const rect = canvas.getBoundingClientRect();
                    const clickX = event.clientX - rect.left;
                    const clickY = event.clientY - rect.top;

if (clickX > particle.x && clickX < particle.x + particleSize &&
                        clickY > particle.y && clickY < particle.y + particleSize) {
                        // Particle clicked, increase score
                        score++;
                        particles.splice(particles.indexOf(particle), 1);
                    }
                });
            });

// Draw particles
            particles.forEach(particle => {
                ctx.fillStyle = particle.color;
                ctx.fillRect(particle.x, particle.y, particleSize, particleSize);
            });

// Draw score
            ctx.fillStyle = '#fff';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 20);

// Check game over
            if (particles.length === 0) {
                endGame();
            } else {
                requestAnimationFrame(gameLoop);
            }
        }

// Start game
        function startGame() {
            gameRunning = true;
            initializeGame();
            gameLoop();
        }

// End game
        function endGame() {
            gameRunning = false;
            ctx.fillStyle = gameOverTextColor;
            ctx.font = gameOverTextSize + 'px Arial';
            ctx.fillText(gameOverText, canvas.width / 2 - gameOverTextSize * 2, canvas.height / 2);
        }

// Utility function to get a random color
        function getRandomColor() {
            const letters = '0123456789ABCDEF';
            let color = '#';
            for (let i = 0; i < 6; i++) {
                color += letters[Math.floor(Math.random() * 16)];
            }
            return color;
        }

// Initialize canvas size
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;

// Start game on touch/mouse click
        canvas.addEventListener('click', startGame);

</script>
</body>
</html>
```