Some content could not load. We could not load files from our content delivery networks (CDN).
Your network may be blocking access. Ask your IT to allow loading from: .
Network domains required
We use these CDNs to deliver the files the site needs to run, please allow the following:
Domains to allow Used for
cdn.jsdelivr.net styles and JavaScript libraries.
cdnjs.cloudflare.com JavaScript libraries and icons.
code.jquery.com jQuery and jQuery UI.
pixelpad.io, cdn.pixelpad.io CDN of images, sounds, and application files.
cdn.datatables.net Interactive tables.
fonts.googleapis.com, fonts.gstatic.com Fonts stylesheets and font files.
s3.us-west-1.amazonaws.com, s3-us-west-1.amazonaws.com Project files stored on Amazon S3.
vmwan2cvlyzeklq4knz63qh6d40lewka.lambda-url.us-west-1.on.aws Amazon AWS Project play counters.
nexushud.org Learning assistant.
u45ivsqoja6u3sk7zaliv37zq40hpbxk.lambda-url.us-west-1.on.aws Amazon AWS AI character responses, when used.
  • ENTDECKEN
  • LERNEN
  • ANMELDEN
  • Einführung
  • Spiel
  • Start und Loop
  • Objekte
  • Sprites
  • Animation
  • Sounds
  • Räume
  • Eingabe
  • Kollision
  • Funktionen
  • Kamera
  • FPS
  • Text
  • Grafik
  • Filter
  • Multiplayer
  • KI

PixelPAD 2D - Grafik

draw_rectangle(x1 :number, y1 :number, x2 :number, y2 :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic

Beispiel
Beschreibung
Zeichnet ein Rechteck zwischen zwei Ecken und gibt dir eine Grafik zurück, die du bewegen, ausblenden oder zerstören kannst.
Parameter
x1
Die x-Position der linken Kante.

y1
Die y-Position der unteren Kante.

x2
Die x-Position der rechten Kante.

y2
Die y-Position der oberen Kante.

lineThickness
Wie dick der Rand ist, in Pixeln.

lineColor
Die Randfarbe, als Hex-Zahl wie 0xFF0000.

fillColor
Die Füllfarbe, als Hex-Zahl.

Rückgabewert
Ein Grafikobjekt

draw_ellipse(x :number, y :number, width :number, height :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic

Beispiel
Beschreibung
Zeichnet eine Ellipse um einen Mittelpunkt.
Parameter
x
Die x-Position des Mittelpunkts.

y
Die y-Position des Mittelpunkts.

width
Wie weit die Ellipse links und rechts vom Mittelpunkt reicht.

height
Wie weit die Ellipse über und unter dem Mittelpunkt reicht.

lineThickness
Wie dick der Rand ist, in Pixeln.

lineColor
Die Randfarbe, als Hex-Zahl.

fillColor
Die Füllfarbe, als Hex-Zahl.

Rückgabewert
Ein Grafikobjekt

draw_polygon(points :list, lineThickness :number, lineColor :number, fillColor :number) -> graphic

Beispiel
Beschreibung
Zeichnet eine Form aus einer Liste von Eckpunkten. Der letzte Punkt wird wieder mit dem ersten verbunden.
Parameter
points
Eine Liste von [x, y]-Paaren, eines pro Ecke.

lineThickness
Wie dick der Rand ist, in Pixeln.

lineColor
Die Randfarbe, als Hex-Zahl.

fillColor
Die Füllfarbe, als Hex-Zahl.

Rückgabewert
Ein Grafikobjekt

draw_arc(x :number, y :number, radius :number, startAngle :number, endAngle :number, lineThickness :number, lineColor :number, fillColor :number) -> graphic

Beispiel
Beschreibung
Zeichnet einen Teil eines Kreises. Die Winkel sind in Grad und laufen von rechts aus gegen den Uhrzeigersinn.
Parameter
x
Die x-Position des Mittelpunkts.

y
Die y-Position des Mittelpunkts.

radius
Wie weit der Bogen vom Mittelpunkt entfernt ist.

startAngle
Der Winkel, bei dem der Bogen beginnt, in Grad.

endAngle
Der Winkel, bei dem der Bogen endet, in Grad.

lineThickness
Wie dick die Linie ist, in Pixeln.

lineColor
Die Linienfarbe, als Hex-Zahl.

fillColor
Die Füllfarbe. Lass sie weg, wenn keine Füllung gewünscht ist.

Rückgabewert
Ein Grafikobjekt

draw_line(x1 :number, y1 :number, x2 :number, y2 :number, lineThickness :number, lineColor :number) -> graphic

Beispiel
Beschreibung
Zeichnet eine gerade Linie zwischen zwei Punkten.
Parameter
x1
Die x-Position, an der die Linie beginnt.

y1
Die y-Position, an der die Linie beginnt.

x2
Die x-Position, an der die Linie endet.

y2
Die y-Position, an der die Linie endet.

lineThickness
Wie dick die Linie ist, in Pixeln.

lineColor
Die Linienfarbe, als Hex-Zahl.

Rückgabewert
Ein Grafikobjekt

Grafik-Eigenschaften

Jede Zeichenfunktion gibt ein Grafikobjekt zurück. Ändere diese Eigenschaften, um es zu bewegen, verblassen zu lassen oder auszublenden.
box.x = 100 setzt die x-Position auf 100
box.y = 100 setzt die y-Position auf 100
box.z = 1000 zeichnet es vor allem mit einem kleineren z
box.angle = 45 dreht es um 45 Grad
box.alpha = 0.5 macht es halb durchsichtig
box.visible = False blendet es aus, ohne es zu zerstören
box.scaleX = 2 setzt die Breite auf 200%
box.scaleY = 2 setzt die Höhe auf 200%
Wenn du eine Grafik nicht mehr brauchst, entferne sie mit destroy(box). Dasselbe destroy() funktioniert auch bei Objekten und Text.
PixelPAD
Über uns
Discord
Arm-Version 3.0.1013
Ressourcen
Dokumentation
EULA
Datenschutzerklärung
Kontakt
hello@pixelpad.io
Deutsch
English Deutsch Español Français Português 日本語 简体中文 繁體中文 한국어
© 2026 Alle Rechte vorbehalten.
PixelPAD.io
Logo

Willkommen zurück!

Melde dich an, um weiterzumachen

Speichere dein Projekt, indem du dich anmeldest oder registrierst.
Passwort vergessen?

Noch kein Konto?

Logo

Erstelle dein Konto

Werde Teil von tausenden Kreativen auf PixelPad

Speichere dein Projekt, indem du dich anmeldest oder registrierst.

Du hast schon ein Konto? Anmelden

Logo

Als Lehrkraft registrieren

Gib deinen Schülern kreative Werkzeuge an die Hand

Erstelle Klassen und verfolge den Fortschritt deiner Schüler.

Du hast schon ein Konto? Anmelden