AI game creator

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

No:43538

←

Prev Next

→

particle
Developer User19221｜Date and time 24/2/16 0:34:16
Build time 15.949 sec｜Game capacity 5.266KB｜

Script

Sure! Here's a simple game implemented as a single HTML file, using JavaScript and enclosed in script tags. The game is designed for smartphone operation and uses pictograms:

This game involves controlling a player (represented by a player pictogram) on a canvas using touch events on a smartphone. The goal is to collect falling particles (represented by white rectangles) to gain points, while avoiding letting the particles fall out of the screen. The score is displayed at the top left corner, and the game ends if the score goes below zero. Feel free to customize the game further, such as adding different pictograms, adjusting particle spawn rates, adding sound effects, or improving gameplay mechanics.

←

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 and enclosed in script tags. The game is designed for smartphone operation and uses pictograms:

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

// Game variables
        let player;
        let particles = [];
        let score = 0;
        let gameover = false;

// Pictogram images
        let playerImg = new Image();
        playerImg.src = "player.png";

// Player class
        class Player {
            constructor(x, y, size) {
                this.x = x;
                this.y = y;
                this.size = size;
            }

draw() {
                ctx.drawImage(playerImg, this.x - (this.size / 2), this.y - (this.size / 2), this.size, this.size);
            }

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

// Particle class
        class Particle {
            constructor(x, y, size, speed) {
                this.x = x;
                this.y = y;
                this.size = size;
                this.speed = speed;
            }

draw() {
                ctx.fillStyle = "#FFF";
                ctx.fillRect(this.x, this.y, this.size, this.size);
            }

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

// Game initialization
        function startGame() {
            player = new Player(canvas.width / 2, canvas.height - 50, 50);
            particles = [];
            score = 0;
            gameover = false;
            updateGame();
        }

// Update game state
        function updateGame() {
            if (gameover) return;

clearCanvas();
            spawnParticles();
            drawParticles();
            player.draw();
            moveParticles();
            checkCollision();
            updateScore();

requestAnimationFrame(updateGame);
        }

// Clear canvas
        function clearCanvas() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
        }

// Spawn particles randomly
        function spawnParticles() {
            if (Math.random() < 0.02) {
                let x = Math.random() * canvas.width;
                let y = 0;
                let size = Math.random() * 20 + 10;
                let speed = Math.random() * 2 + 1;

particles.push(new Particle(x, y, size, speed));
            }
        }

// Draw particles
        function drawParticles() {
            particles.forEach(particle => {
                particle.draw();
            });
        }

// Move particles downwards
        function moveParticles() {
            particles.forEach(particle => {
                particle.update();
            });
        }

// Check collision between player and particles
        function checkCollision() {
            particles.forEach((particle, index) => {
                if (
                    player.x < particle.x + particle.size &&
                    player.x + player.size > particle.x &&
                    player.y < particle.y + particle.size &&
                    player.y + player.size > particle.y
                ) {
                    particles.splice(index, 1);
                    score += 10;
                }
                if (particle.y + particle.size > canvas.height) {
                    particles.splice(index, 1);
                    score -= 5;
                }
            });
        }

// Update score display
        function updateScore() {
            ctx.fillStyle = "#FFF";
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, 10, 25);

if (score < 0) {
                gameover = true;
                ctx.font = "30px Arial";
                ctx.fillText("Game Over", canvas.width / 2 - 80, canvas.height / 2);
            }
        }

// Handle touch events for player movement
        canvas.addEventListener("touchmove", function (event) {
            event.preventDefault();
            let touchX = event.touches[0].clientX;
            let touchY = event.touches[0].clientY;
            let dx = touchX - player.x;
            let dy = touchY - player.y;
            player.move(dx, dy);
        });

// Start the game
        startGame();
    </script>
</body>
</html>
```

Feel free to customize the game further, such as adding different pictograms, adjusting particle spawn rates, adding sound effects, or improving gameplay mechanics.