AI game creator

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

No:41059

←

Prev Next

→

particle
Developer User18042｜Date and time 24/2/5 17:31:08
Build time 9.921 sec｜Game capacity 2.946KB｜

Script

Sure! Here's an example of a basic game implemented as a single HTML file, using JavaScript and enclosed in script tags. This game is a simple particle simulation where you can interact with the particles using your smartphone's touchscreen.

To play the game, open the HTML file in a web browser on your smartphone. As you touch the screen, particles will be created at the touched position and start moving around. The particles will bounce off the screen edges and continue to move until the game is closed.

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Particle Game</title>
    <style>
        canvas { border: 1px solid black; }
    </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>
    <script>
        // Game initialization
        const canvas = document.getElementById('gameCanvas');
        const context = canvas.getContext('2d');
        const particles = [];

// Get the device's screen dimensions
        const screenWidth = window.innerWidth;
        const screenHeight = window.innerHeight;

// Set the canvas size to match the screen dimensions
        canvas.width = screenWidth;
        canvas.height = screenHeight;

// Particle object constructor
        function Particle(x, y) {
            this.x = x;
            this.y = y;
            this.vx = Math.random() * 2 - 1;
            this.vy = Math.random() * 2 - 1;
            
            this.update = function() {
                this.x += this.vx;
                this.y += this.vy;
                
                // Keep the particles within the screen bounds
                if (this.x < 0 || this.x > screenWidth)
                    this.vx *= -1;
                if (this.y < 0 || this.y > screenHeight)
                    this.vy *= -1;
            };
            
            this.draw = function() {
                context.beginPath();
                context.arc(this.x, this.y, 5, 0, 2 * Math.PI);
                context.fillStyle = 'black';
                context.fill();
            };
        }

// Render the particles on the canvas
        function drawParticles() {
            context.clearRect(0, 0, screenWidth, screenHeight);
            
            for (let i = 0; i < particles.length; i++) {
                particles[i].update();
                particles[i].draw();
            }
            
            requestAnimationFrame(drawParticles);
        }

// Handle touch events to create new particles
        function handleTouch(event) {
            event.preventDefault();
            
            const touchX = event.touches[0].clientX;
            const touchY = event.touches[0].clientY;
            
            particles.push(new Particle(touchX, touchY));
        }

// Bind touch event listener to the canvas
        canvas.addEventListener('touchstart', handleTouch);

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