Startseite Skripte für das Wintersemester 2017/18 Interaction Design P5, Teil 3 Rechteck wächst mit Tastatur-Befehlen


Rechteck wächst mit Tastatur-Befehlen

da gibt es natürlich noch ganz viele Zwischenschritte!

Briefing

  • Canvas: 960 × 400 Pixel, weiß

  • keine Füllfarbe

  • Strichstärke 2px

  • Strichfarbe rot

  • rectMode(CENTER);

  • Rechteck in der Mitte des Canvas, Anfangsgröße 20 × 20 Pixel

  • Bei Drücken der X-Taste wird das Rechteck um 10px breiter, das Zentrum bleibt aber in der Mitte des Canvas

  • Bei Drücken der Y-Taste wird das Rechteck um 10px höher, das Zentrum bleibt aber in der Mitte des Canvas

  • Drücken der Taste „S“ speichert das Muster als „muster.png“

Königsaufgabe

Wie macht man es, dass das Muster jeweils mit Datum und Sekunden-genauer Uhrzeit gespeichert wird?