AI game creator

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

No:19476

←

Prev Next

→

particle
Developer User8639｜Date and time 23/10/4 7:08:12
Build time 10.677 sec｜Game capacity 2.796KB｜

Script

Als Programmierer habe ich ein Spiel in einem einzelnen HTML-Datei implementiert, das in JavaScript verfasst ist und von ``-Tags umschlossen ist. Du kannst es als fertiges Spiel spielen, wobei es auf die Bedienung eines Smartphones ausgelegt ist und Piktogramme verwendet werden. Hier ist der Code: <br><br> <br> <style> canvas { border: 1px solid black; } </style> <canvas id="gameCanvas" width="400" height="400"></canvas>

Dieses Spiel generiert Partikel, wenn du auf den Bildschirm tippst. Die Partikel bewegen sich frei im Canvas-Bereich und verkleinern sich allmählich, bis sie verschwinden. Die Farbe der Partikel ist blau. Du kannst weiterhin auf den Bildschirm tippen, um mehr Partikel zu erzeugen. Viel Spaß beim Spielen!

←

Prev　Next

→ 　

Back　

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

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

Als Programmierer habe ich ein Spiel in einem einzelnen HTML-Datei implementiert, das in JavaScript verfasst ist und von `<script>`-Tags umschlossen ist. Du kannst es als fertiges Spiel spielen, wobei es auf die Bedienung eines Smartphones ausgelegt ist und Piktogramme verwendet werden.

Hier ist der Code:

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

// Das Spiel startet hier

const canvas = document.getElementById("gameCanvas");
        const context = canvas.getContext("2d");
        const particles = [];

// Klasse für Partikel
        class Particle {
            constructor(x, y, color) {
                this.x = x;
                this.y = y;
                this.color = color;
                this.radius = 10;
                this.velocity = {
                    x: Math.random() * 4 - 2,
                    y: Math.random() * 4 - 2
                };
            }

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

update() {
                this.draw();
                this.x += this.velocity.x;
                this.y += this.velocity.y;
                this.radius -= 0.1;
            }
        }

function createParticles(x, y, color) {
            for (let i = 0; i < 5; i++) {
                particles.push(new Particle(x, y, color));
            }
        }

function animate() {
            requestAnimationFrame(animate);
            context.clearRect(0, 0, canvas.width, canvas.height);

particles.forEach((particle, index) => {
                if (particle.radius <= 0) {
                    particles.splice(index, 1);
                } else {
                    particle.update();
                }
            });
        }

canvas.addEventListener("click", (event) => {
            const x = event.clientX - canvas.offsetLeft;
            const y = event.clientY - canvas.offsetTop;

createParticles(x, y, "blue");
        });

animate();
    </script>
</body>
</html>
```

Dieses Spiel generiert Partikel, wenn du auf den Bildschirm tippst. Die Partikel bewegen sich frei im Canvas-Bereich und verkleinern sich allmählich, bis sie verschwinden. Die Farbe der Partikel ist blau. Du kannst weiterhin auf den Bildschirm tippen, um mehr Partikel zu erzeugen.

Viel Spaß beim Spielen!