AI game creator

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

No:21761

←

Prev Next

→

particle
Developer User10035｜Date and time 23/10/18 6:35:53
Build time 72.625 sec｜Game capacity 2.931KB｜

Script

Ich bin ein Programmierer und habe ein Spiel für dich erstellt. Hier ist der Code für das Spiel:

Dieses Spiel zeigt Partikel im Canvas-Bereich des Browsers an. Die Partikel bewegen sich zufällig im Canvas und prallen von den Rändern ab. Das Spiel aktualisiert das Canvas alle 30 Millisekunden, um die Animation der Partikel zu simulieren. Um das Spiel zu spielen, öffne den Code in einem Webbrowser auf deinem Smartphone und beobachte die sich bewegenden Partikel. Du kannst die Anzahl der Partikel oder andere Eigenschaften anpassen, um das Spiel zu verändern. Viel Spaß beim Spielen!

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

Ich bin ein Programmierer und habe ein Spiel für dich erstellt. Hier ist der Code für das Spiel:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Partikel-Spiel</title>
    <style>
        canvas { border: 1px solid black; }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>

var particles = [];

function Particle(x, y, radius, speedX, speedY) {
            this.x = x;
            this.y = y;
            this.radius = radius;
            this.speedX = speedX;
            this.speedY = speedY;
        }

Particle.prototype.draw = function() {
            context.beginPath();
            context.arc(this.x, this.y, this.radius, 0, 2 * Math.PI);
            context.fillStyle = "blue";
            context.fill();
            context.closePath();
        }

Particle.prototype.update = function() {
            this.x += this.speedX;
            this.y += this.speedY;

if (this.y + this.radius > canvas.height || this.y - this.radius < 0) {
                this.speedY = -this.speedY;
            }

if (this.x + this.radius > canvas.width || this.x - this.radius < 0) {
                this.speedX = -this.speedX;
            }
        }

function createParticles() {
            for (var i = 0; i < 10; i++) {
                var x = Math.random() * (canvas.width - 50) + 25;
                var y = Math.random() * (canvas.height - 50) + 25;
                var radius = Math.random() * 15 + 5;
                var speedX = (Math.random() - 0.5) * 5;
                var speedY = (Math.random() - 0.5) * 5;
                var particle = new Particle(x, y, radius, speedX, speedY);
                particles.push(particle);
            }
        }

function drawParticles() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            for (var i = 0; i < particles.length; i++) {
                particles[i].draw();
            }
        }

function updateParticles() {
            for (var i = 0; i < particles.length; i++) {
                particles[i].update();
            }
        }

createParticles();

setInterval(function() {
            drawParticles();
            updateParticles();
        }, 30);
    </script>
</body>
</html>
```

Um das Spiel zu spielen, öffne den Code in einem Webbrowser auf deinem Smartphone und beobachte die sich bewegenden Partikel. Du kannst die Anzahl der Partikel oder andere Eigenschaften anpassen, um das Spiel zu verändern.

Viel Spaß beim Spielen!