8.581
Bearbeitungen
Lernpfad:Einführung in Processing/12: Unterschied zwischen den Versionen
Lernpfad:Einführung in Processing/12 (Quelltext anzeigen)
Version vom 28. Januar 2022, 11:20 Uhr
, 11:20, 28. Jan. 2022→Bilder benutzen
Jneug (Diskussion | Beiträge) |
Jneug (Diskussion | Beiträge) |
||
| Zeile 34: | Zeile 34: | ||
== Bilder benutzen == | == Bilder benutzen == | ||
Du kannst in Processing leicht Bilder einfügen und in deinen Programmen benutzen. Dazu benötigst du die Befehle {{Processing Ref|loadImage()}}, um die Bilddatei zu laden und {{Processing Ref|image()}, um das Bild auf die Zeichenfläche zu zeichnen. Um ein Bild in einer ''Variablen'' zu speichern, wird der ''Datentyp'' <code>PImage</code> verwendet. | Du kannst in Processing leicht Bilder einfügen und in deinen Programmen benutzen. Dazu benötigst du die Befehle {{Processing Ref|loadImage()}}, um die Bilddatei zu laden und {{Processing Ref|image()}}, um das Bild auf die Zeichenfläche zu zeichnen. Um ein Bild in einer ''Variablen'' zu speichern, wird der ''Datentyp'' <code>PImage</code> verwendet. | ||
Für unser Spiel benötigen wir zwei Bilder: Einen Regentropfen und einen Eimer. | Für unser Spiel benötigen wir zwei Bilder: Einen Regentropfen und einen Eimer. | ||
| Zeile 51: | Zeile 51: | ||
size(400, 600); | size(400, 600); | ||
eimer = loadImage(" | eimer = loadImage("Bucket_02.png"); | ||
tropfen = loadImage(" | tropfen = loadImage("Droplet.png"); | ||
} | } | ||
| Zeile 66: | Zeile 66: | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
{{Warnung| | |||
Die Namen der Bilddateien (z.B. <code>Droplet.png</code>) müssen exakt so lauten, wie sie im Programmcode stehen (Zeile 8). Außerdem müssen die Dateien im Ordner eures Processing-Projektes liegen: | |||
[[Bild:Processing_Regentropfen_Projektstruktur.png|400px}} | |||
== Kollisionen erkennen == | == Kollisionen erkennen == | ||