AI game creator

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

No:37216

←

Prev Next

→

particle
Developer User17014｜Date and time 24/1/20 18:30:17
Build time 11.911 sec｜Game capacity 3.725KB｜

Script

Sure! Here's a simple game implemented as a single HTML file using JavaScript, enclosed in script tags:

This game is a simple particle game where particles fall from the top of the canvas and the player needs to tap on the screen to prevent them from reaching the bottom. The score increases based on the time elapsed. The game is played on a smartphone using touch events. In the code, you will need to replace `emozi_himawari.png` with the path to your actual particle pictogram image. You can customize the game by adjusting the particle size, initial speed, and gravity values in the `game` object. Please note that this is just a basic game implementation and can be further enhanced with additional features and improvements.

←

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, enclosed in script tags:

```html
<!DOCTYPE html>
<html>

<head>
    <title>Particle Game</title>
    <style>
        body {
            text-align: center;
            padding-top: 50px;
        }

canvas {
            border: 1px solid black;
        }
    </style>
</head>

// Pictogram images
        const particleImage = new Image();
        particleImage.src = 'particle.png';

// Game object
        const game = {
            particles: [],
            score: 0,
            startTime: null,
            particleSize: 20,
            initialSpeed: 3,
            gravity: 0.2,
            gameOver: false
        };

// Particle class
        class Particle {
            constructor() {
                this.x = Math.random() * (canvas.width - game.particleSize);
                this.y = 0;
                this.speed = game.initialSpeed;
            }

update() {
                this.y += this.speed;
                this.speed += game.gravity;
            }

draw() {
                ctx.drawImage(particleImage, this.x, this.y, game.particleSize, game.particleSize);
            }
        }

// Event listener for touch events
        canvas.addEventListener('touchstart', function (e) {
            if (game.gameOver) {
                resetGame();
            }
        });

// Main game loop
        function gameLoop() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Update and draw particles
            game.particles.forEach(function (particle) {
                particle.update();
                particle.draw();

// Check for collision with bottom of canvas
                if (particle.y + game.particleSize > canvas.height) {
                    game.gameOver = true;
                }
            });

// Calculate score
            const timeElapsed = Date.now() - game.startTime;
            game.score = Math.floor(timeElapsed / 100);

// Display score
            ctx.font = '24px serif';
            ctx.fillText('Score: ' + game.score, 10, 30);

if (!game.gameOver) {
                requestAnimationFrame(gameLoop);
            }
        }

// Reset the game
        function resetGame() {
            game.particles = [];
            game.score = 0;
            game.startTime = Date.now();
            game.gameOver = false;

// Start the game loop
            gameLoop();
        }

// Spawn particles
        setInterval(function () {
            if (!game.gameOver) {
                game.particles.push(new Particle());
            }
        }, 1000);

// Start the game
        resetGame();

</script>
</body>

</html>
```

In the code, you will need to replace `particle.png` with the path to your actual particle pictogram image. You can customize the game by adjusting the particle size, initial speed, and gravity values in the `game` object.

Please note that this is just a basic game implementation and can be further enhanced with additional features and improvements.