10.2.3 Breiter Strand
Im letzten Kapitel wurde die Strand-Szene mit einigen Wolken ergänzt:
Die Szene wirkt etwas schmal. Das soll sich ändern.
Die Strandszene mit Hilfe von Variablen breiter zeichnen
- Öffne den p5js-Blockly-Editor indem du auf folgenden Link klickst: Editor öffnen und lade dein Wolken-Strand-Programm.
oder
- Klicke auf folgenden Link um ein funktionierendes Programm zu laden: Strand-Programm
In das Programm werden zwei neue Variablen eingefügt. Eine Variable szene_breite
für die Breite der Strand-Szene und eine Variable szene_hoehe
für die Höhe der Strandszene:
-
Klicke auf Variablen.
-
Klicke auf 'Variable erstellen ...'
-
Tippe
szene_breite
als Name der neuen Variable ein.
Wiederhole das für die Variable szene_hoehe
:
- Setze die beiden Variablen wie folgt in den
setup()
-Block:
-
Verändere das Programm mit Hilfe der Variablen
szene_breite
so, dass du die Breite der Strandszene durch Ändern derBreite
der Zeichenfläche und durch Ändern der Variablenszene_breite
imsetup()
-Block verändern kannst. -
Verändere das Programm mit Hilfe der Variablen
szene_hoehe
so, dass du die Höhe der Strandszene durch Ändern derHöhe
der Zeichenfläche und durch Ändern der Variablenszene_hoehe
imsetup()
-Block verändern kannst.
-
Klicke auf folgenden Link um ein funktionierendes Programm zu laden: Mehr Platz am Strand
-
Verändere die Breite und Höhe deiner Strand-Szene:
- Breite: 1000 Pixel
- Höhe: 700 Pixel