DIP - Programmierung Teil 3 Übung11: Unterschied zwischen den Versionen

Aus DDSWiki
Wechseln zu: Navigation, Suche
(Aufgabe c)
(Gemeinsam erarbeitete Lösung)
Zeile 43: Zeile 43:
  
 
== Gemeinsam erarbeitete Lösung ==
 
== Gemeinsam erarbeitete Lösung ==
* https://editor.p5js.org/flotorious/sketches/36ic5od2v
+
* https://editor.p5js.org/flotorious/sketches/uP-wNkvwC
  
<iframe key="p5js" path="flotorious/sketches/36ic5od2v" w="1000" h="800"></iframe>
+
<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

Wanderer2.png

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

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

Gemeinsam erarbeitete Lösung