Projekt:2020/Processing Arrays: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
Seite zum Projekt "{{SUBPAGENAME}}" der Informatik EF im [[:Kategorie:Projekte:2020/21|Schuljahr 2020/21]][[Kategorie:Projekte:2020/21]]. | Seite zum Projekt "{{SUBPAGENAME}}" der Informatik EF im [[:Kategorie:Projekte:2020/21|Schuljahr 2020/21]][[Kategorie:Projekte:2020/21]]. | ||
== Projektziel == | |||
Das Ziel dieses Mini-Projekts ist eine Ballonsimulation, ähnlich dieser Animation: | |||
[[Bild:20210426220415_Ballons.gif|center]] | [[Bild:20210426220415_Ballons.gif|center]] | ||
Du fängst dazu klein an (mit einem Ballon und einigen Spitzen) und kannst am Ende dein Projekt kreativ ausbauen. | |||
== Lerninhalt == | |||
In diesem Projekt lernst du das Konzept der "Arrays" kennen. Eine Sammlung von mehreren Variablen desselben Datentyps. Arrays sind ein mächtiges Konzept in der Programmierung. | |||
== Grundgerüst == | |||
Erstelle als Grundgerüst für das Programm zunächst drei Dateien: | |||
# Die Hauptdatei mit der <code>setup()</code> und <code>draw()</code> Methode. | |||
# Die Klasse <code>Spitze</code>. | |||
# Die Klasse <code>Ballon</code>. | |||
Die Hauptdatei soll [https://processing.org/reference/size_.html die Fenstergröße] auf 600x600 Pixel einstellen und bei jedem Zeichnen das Fenster [https://processing.org/reference/background_.html in einem Himmelblau einfärben]. | |||
[[Datei:UML Ballon.png|center]] | |||
Die Klassen <code>Ballon</code> und <code>Spitze</code> sollen nach dem UML-Diagramm oben implementiert werden. <code>Spitze</code>n befinden sich am oberen Rand des Fensters und bekommen ihre x-Position im Konstruktor übergeben. Die Größe (<code>size</code>) wird [https://processing.org/reference/random_.html zufällig] bestimmt. Ein <code>Ballon</code> beginnt am [https://processing.org/reference/height.html unteren Rand des Fensters]. Alle anderen Attribute werden [https://processing.org/reference/random_.html zufällig] bestimmt (wähle sinnvolle Werte für die unteren und oberen Grenzen). | |||
<code>draw()</code> zeichnet jeweils die <code>Spitze</code> bzw. den <code>Ballon</code> (benutze ein [https://processing.org/reference/triangle_.html Dreieck] bzw. eine [https://processing.org/reference/ellipse_.html Ellipse]). <code>update()</code> verändert abhängig von <code>speed</code> die y-Position des <code>Ballons</code>, so dass er langsam nach oben steigt. | |||
{{Aufgabe:Start|Processing_icon.png}} | |||
Erstelle zwei Ballons und einige Spitzen und teste dein Programm. | |||
{{Aufgabe:End}} |