AI game creator

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

No:36527

←

Prev Next

→

particle
Developer User16818｜Date and time 24/1/17 22:14:41
Build time 10.941 sec｜Game capacity 2.349KB｜

Script

Als Programmierer werde ich ein Spiel erstellen, das auf einem Smartphone funktioniert und Piktogramme verwendet. Hier ist der Code:

Es handelt sich um einen einfachen Partikelsimulator. Zu Beginn werden mehrere Partikel auf dem Canvas erzeugt und mit zufälligen Geschwindigkeiten bewegt. Das Spiel aktualisiert sich alle 10 Millisekunden und bewegt die Partikel entsprechend ihrer Geschwindigkeiten. Die Piktogramme werden verwendet, um die Partikel darzustellen. Das Spiel startet automatisch, wenn die Seite geladen wird.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Als Programmierer werde ich ein Spiel erstellen, das auf einem Smartphone funktioniert und Piktogramme verwendet. Hier ist der Code:

```
<!DOCTYPE html>
<html>
<head>
    <title>Partikelspiel</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    
    <script>
        // Spielvariablen
        var canvas;
        var context;
        var particles = [];
        var numParticles = 50;
        
        // Piktogramme
        var particleImage = new Image();
        particleImage.src = "particle.png";
        
        // Spielinitialisierung
        function init() {
            canvas = document.getElementById("gameCanvas");
            context = canvas.getContext("2d");
            
            // Partikel erzeugen
            for (var i = 0; i < numParticles; i++) {
                var x = Math.random() * canvas.width;
                var y = Math.random() * canvas.height;
                var dx = Math.random() * 2 - 1; // Zufällige Geschwindigkeit
                var dy = Math.random() * 2 - 1;
                var particle = {x: x, y: y, dx: dx, dy: dy};
                particles.push(particle);
            }
            
            // Spielstart
            setInterval(update, 10); // Aktualisierung alle 10 Millisekunden
        }
        
        // Spielaktualisierung
        function update() {
            // Canvas löschen
            context.clearRect(0, 0, canvas.width, canvas.height);
            
            // Partikel bewegen
            for (var i = 0; i < particles.length; i++) {
                var particle = particles[i];
                particle.x += particle.dx;
                particle.y += particle.dy;
                
                // Partikel anzeigen
                context.drawImage(particleImage, particle.x, particle.y);
            }
        }
        
        // Spielstart bei Laden der Seite
        window.onload = init;
    </script>
</body>
</html>
```