10.2.3 Breiter Strand


Im letzten Kapitel wurde die Strand-Szene mit einigen Wolken ergänzt:

wolken05

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:

mehrplatz01

  • Setze die beiden Variablen wie folgt in den setup()-Block:

mehrplatz02


  • Verändere das Programm mit Hilfe der Variablen szene_breite so, dass du die Breite der Strandszene durch Ändern der Breite der Zeichenfläche und durch Ändern der Variablen szene_breite im setup()-Block verändern kannst.

  • Verändere das Programm mit Hilfe der Variablen szene_hoehe so, dass du die Höhe der Strandszene durch Ändern der Höhe der Zeichenfläche und durch Ändern der Variablen szene_hoehe im setup()-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