Erschaffe eine Kugel welche über den Bildschirm gezogen werden kann. Wird die Kugel nicht gezogen, fällt sie zum unterem Bildschirmrand.'s game

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

No:28308

←

Prev Next

→

Erschaffe eine Kugel welche über den Bildschirm ge..ALL
Developer User14077｜Date and time 23/12/11 23:02:01
Build time 29.008 sec｜Game capacity 3.498KB｜

Script

Sicher! Hier ist ein Beispielcode für das Spiel, in dem eine Kugel über den Bildschirm gezogen werden kann:

Du kannst diesen HTML-Code in eine Datei speichern und auf deinem Smartphone öffnen, um das Spiel auszuführen.

←

Prev　Next

→ 　

Back　

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

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

Sicher! Hier ist ein Beispielcode für das Spiel, in dem eine Kugel über den Bildschirm gezogen werden kann:

```html
<!DOCTYPE html>
<html>

<head>
    <style>
        #canvas {
            background: #000;
        }
    </style>
</head>

// Überprüfung, ob die Kugel den unteren Bildschirmrand erreicht hat
                    if (this.y + this.radius > canvas.height) {
                        this.y = canvas.height - this.radius; // Festhalten der Kugel am unteren Rand
                        this.speedY = 0; // Zurücksetzen der Geschwindigkeit
                    }
                }
            };
        }

var canvas = document.getElementById("canvas");
        var ctx = canvas.getContext("2d");

var ball = createBall(150, 250, 20, "#fff"); // Erstellen der Kugel
        var isDragging = false; // Flag, um zu überprüfen, ob die Kugel gerade gezogen wird

canvas.addEventListener("mousedown", function (event) {
            var rect = canvas.getBoundingClientRect();
            var mousePosX = event.clientX - rect.left;
            var mousePosY = event.clientY - rect.top;

// Überprüfung, ob der Mausklick innerhalb der Kugel liegt
            if (Math.sqrt((mousePosX - ball.x) ** 2 + (mousePosY - ball.y) ** 2) <= ball.radius) {
                isDragging = true; // Die Kugel wird gezogen
            }
        });

canvas.addEventListener("mousemove", function (event) {
            if (isDragging) {
                var rect = canvas.getBoundingClientRect();
                ball.x = event.clientX - rect.left; // Aktualisierung der Position der Kugel basierend auf der Mausbewegung
                ball.y = event.clientY - rect.top;
            }
        });

canvas.addEventListener("mouseup", function () {
            isDragging = false; // Die Kugel wird losgelassen
        });

function drawScene() {
            ctx.clearRect(0, 0, canvas.width, canvas.height); // Löschen des vorherigen Frames
            ball.draw(); // Zeichnen der Kugel
        }

function updateScene() {
            ball.update(); // Aktualisieren der Kugelposition

// Rekursiver Aufruf von updateScene, um eine kontinuierliche Aktualisierung zu erreichen
            requestAnimationFrame(updateScene);
        }

// Starten der Aktualisierung des Spiels
        updateScene();

</script>
</body>

</html>
```

Du kannst diesen HTML-Code in eine Datei speichern und auf deinem Smartphone öffnen, um das Spiel auszuführen.