AI game creator

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

No:24272

←

Prev Next

→

particle
Developer User11394｜Date and time 23/11/7 2:31:42
Build time 86.746 sec｜Game capacity 4.567KB｜

Script

Sure! Here is a simple game implemented as a single HTML file. The game is called "Particle Adventure" and it features particles represented by pictograms. The game assumes smartphone operation and the gameplay involves controlling a particle to avoid obstacles and collect energy particles. To play the game, simply open the HTML file in a web browser on your smartphone and start playing!

Hope you enjoy playing the Particle Adventure game!

←

Prev　Next

→ 　

Back　

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

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

To play the game, simply open the HTML file in a web browser on your smartphone and start playing!

```html
<!DOCTYPE html>
<html>
<head>
    <title>Particle Adventure</title>
    <style>
        canvas {
            border: 1px solid black;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="600"></canvas>
    
    <script>
        // Game variables
        var canvas, ctx;
        var playerX, playerY;
        var energyParticles;
        var obstacle;
        var score;
        var gameInterval;

// Initialize the game
        function init() {
            canvas = document.getElementById("gameCanvas");
            ctx = canvas.getContext("2d");

playerX = canvas.width / 2;
            playerY = canvas.height - 50;

energyParticles = [];
            obstacle = { x: canvas.width / 2, y: 0 };
            score = 0;

// Create random energy particles
            for (var i = 0; i < 10; i++) {
                var energyParticle = { x: Math.random() * canvas.width, y: Math.random() * canvas.height };
                energyParticles.push(energyParticle);
            }

// Add event listeners for touch controls
            canvas.addEventListener("touchstart", handleTouchStart, false);
            canvas.addEventListener("touchmove", handleTouchMove, false);

// Start the game loop
            gameInterval = setInterval(gameLoop, 20);
        }

// Handle touch start event
        function handleTouchStart(event) {
            event.preventDefault();
        }

// Handle touch move event
        function handleTouchMove(event) {
            playerX = event.targetTouches[0].pageX - canvas.offsetLeft;
        }

// Update game logic
        function update() {
            // Move the obstacle
            obstacle.y += 5;

// Check collision between player and obstacle
            if (playerY < obstacle.y + 30 &&
                playerY + 30 > obstacle.y &&
                playerX < obstacle.x + 30 &&
                playerX + 30 > obstacle.x) {
                gameOver();
            }

// Check collision between player and energy particles
            for (var i = 0; i < energyParticles.length; i++) {
                var energyParticle = energyParticles[i];
                if (playerY < energyParticle.y + 30 &&
                    playerY + 30 > energyParticle.y &&
                    playerX < energyParticle.x + 30 &&
                    playerX + 30 > energyParticle.x) {
                    energyParticles.splice(i, 1);
                    score++;
                }
            }

// Reset energy particles
            if (energyParticles.length === 0) {
                for (var i = 0; i < 10; i++) {
                    var energyParticle = { x: Math.random() * canvas.width, y: Math.random() * canvas.height };
                    energyParticles.push(energyParticle);
                }
            }
        }

// Draw the game state
        function draw() {
            // Clear the canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.fillStyle = "blue";
            ctx.fillRect(playerX - 15, playerY - 15, 30, 30);

// Draw energy particles
            ctx.fillStyle = "yellow";
            for (var i = 0; i < energyParticles.length; i++) {
                var energyParticle = energyParticles[i];
                ctx.fillRect(energyParticle.x - 15, energyParticle.y - 15, 30, 30);
            }

// Draw obstacle
            ctx.fillStyle = "red";
            ctx.fillRect(obstacle.x - 15, obstacle.y - 15, 30, 30);

// Draw score
            ctx.fillStyle = "black";
            ctx.font = "24px Arial";
            ctx.fillText("Score: " + score, 10, 30);
        }

// Game loop
        function gameLoop() {
            update();
            draw();
        }

// Game over
        function gameOver() {
            clearInterval(gameInterval);
            alert("Game Over! Score: " + score);
        }

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

Hope you enjoy playing the Particle Adventure game!