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

Aus DDSWiki
Wechseln zu: Navigation, Suche
(→‎Aufgabe c)
(→‎Aufgabe c)
Zeile 37: Zeile 37:
  
 
<pre>
 
<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 = new Sensoren();

Version vom 13. August 2020, 17:12 Uhr

Bunteshaus.png

Aufgabe a

  • Das obige Haus soll "nachgebaut" werden und zwar als Klasse, d.h. in einer Objekt Orientierten Denkweise
    • Das Haus soll Funktionen haben zum wechseln der Farben des Daches, der Wand und des Hintergrundes (Himmel)
  • Auf Tastendruck ("W" und "D") sollen sich die Farbe von Wand und Dach ändern
  • Bitte beachte: verwende Großbuchstaben ("W"), sonst kommen wir bei einer späteren Übung mit dem Protokoll des Arduino Boards durcheinander

function keyPressed() {
  if (key === "W") {
     // Klassenbefehl zum Farbwechsel aufrufen
     meinHause.setFarbe( .... 
  }
}

Aufgabe b

  • Auf Tastendruck ("H") soll ein Bild (PNG) ein und ausgeblendet werden (in meinem Beispiel ist das ein Hund)

let img;
function preload() {
  img = loadImage('assets/laDefense.jpg');
}
function setup() {
  image(img, 0, 0);
}

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();

Aufgabe d

  • Bonus: Wenn du zu schnell unterwegs bist und dir fad wird - Steuere die Position des Hundes bzw. Bildes mit 2 Tasten nach links und rechts


Interessante Funktionen für diese Aufgabe

Gemeinsam erarbeitete Lösung

Abgerufen von „https://wutevr.de/ddswiki/index.php?title=DIP_-_Programmierung_Teil_3_Übung7&oldid=930“