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

Aus DDSWiki
Wechseln zu: Navigation, Suche
(Die Seite wurde neu angelegt: „400px = Aufgabe a = * Der obige "Wanderer" soll als Klasse implementiert und als Kreis dargestellt werden * Er soll eine Koordinate hab…“)
 
(→‎Aufgabe c)
 
(3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 14: Zeile 14:
 
* Steure den Wanderer mit Hilfe von 2 Potentiometern (links-rechts und hoch-runter)! Dafür brauchst du unsere eigene sensorBoard Library
 
* Steure den Wanderer mit Hilfe von 2 Potentiometern (links-rechts und hoch-runter)! Dafür brauchst du unsere eigene sensorBoard Library
 
** [[P5js Funktionen für die Kommunikation mit dem Arduino Board|Übersicht sensorBoard Library]]
 
** [[P5js Funktionen für die Kommunikation mit dem Arduino Board|Übersicht sensorBoard Library]]
 +
** [https://owncloud.tuwien.ac.at/index.php/s/vb2uQ17MydFXHQ5 Direkt-Link zur Library]
 +
 +
<pre>
 +
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>
 +
 +
Im Editor ist die Library dann so zu verwenden
 +
 +
sensoren = new Sensoren();
 +
sensoren.getLDR();
 +
.
 +
.
 +
.
 +
function keyPressed() {
 +
  sensoren.nachrichtHinzufuegen(key);
 +
}
  
 
= Aufgabe d (Bonus-Aufgabe) =
 
= Aufgabe d (Bonus-Aufgabe) =
Zeile 23: Zeile 54:
  
 
== Gemeinsam erarbeitete Lösung ==
 
== Gemeinsam erarbeitete Lösung ==
−
* https://editor.p5js.org/flotorious/sketches/da6DH3KkS
+
* https://editor.p5js.org/flotorious/sketches/uP-wNkvwC
 +
 
 +
<iframe key="p5js" path="flotorious/sketches/uP-wNkvwC" w="1000" h="800"></iframe>
  
−
<iframe key="p5js" path="flotorious/sketches/da6DH3KkS" w="1000" h="800"></iframe>
+
{{#ev:youtube|https://youtu.be/xxHbQ7fD6gs|800}}

Aktuelle Version vom 13. August 2020, 20:38 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>

Im Editor ist die Library dann so zu verwenden

sensoren = new Sensoren();
sensoren.getLDR();
.
.
.
function keyPressed() {
  sensoren.nachrichtHinzufuegen(key); 
}


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
Abgerufen von „https://wutevr.de/ddswiki/index.php?title=DIP_-_Programmierung_Teil_3_Übung11&oldid=950“