DIP - Programmierung Teil 3 Übung11: Unterschied zwischen den Versionen
(→Aufgabe c) |
(→Gemeinsam erarbeitete Lösung) |
||
Zeile 43: | Zeile 43: | ||
== Gemeinsam erarbeitete Lösung == | == Gemeinsam erarbeitete Lösung == | ||
− | * https://editor.p5js.org/flotorious/sketches/ | + | * https://editor.p5js.org/flotorious/sketches/uP-wNkvwC |
− | <iframe key="p5js" path="flotorious/sketches/ | + | <iframe key="p5js" path="flotorious/sketches/uP-wNkvwC" w="1000" h="800"></iframe> |
+ | |||
+ | {{#ev:youtube|https://youtu.be/xxHbQ7fD6gs|800}} |
Version vom 13. August 2020, 20:37 Uhr
Inhaltsverzeichnis
Aufgabe a
- Der obige "Wanderer" soll als Klasse implementiert und als Kreis dargestellt werden
- Er soll eine Koordinate haben
- Die Klasse soll Funktionen haben, um
- Die Position des Kreises zu verändern
Aufgabe b
- Ermögliche, dass der Wanderer mit den Arrow Keys gesteuert wird (oder mit beliebigen anderen Tasten)
- Wenn am Rand der Leinwand ankommt, soll er einfach stehen bleiben oder alternativ auf der anderen Seite wieder rauskommen
Aufgabe c
- Steure den Wanderer mit Hilfe von 2 Potentiometern (links-rechts und hoch-runter)! Dafür brauchst du unsere eigene sensorBoard Library
Die Library muss zu den anderen Dateien des Projektes kopiert werden Dann muss die Library noch eingebunden werden in der index.html <!DOCTYPE html> <html lang="en"> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/addons/p5.sound.min.js"></script> <script src="sensorBoard.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta charset="utf-8" /> </head> <body> <script src="sketch.js"></script> </body> </html>Aufgabe d (Bonus-Aufgabe)
- Wenn du schneller fertig bist als die anderen, lass dir eine eigene Erweiterung einfallen. Z.B. schließe einen weiteren Sensor an und verändere zusätzliche Parameter des Wanderers
Interessante Funktionen für diese Aufgabe
- Nachgeschlagen in der von p5js
- ...
Gemeinsam erarbeitete Lösung