DIP - Programmierung Teil 3 Übung11: Unterschied zwischen den Versionen
(→Aufgabe c) |
(→Aufgabe c) |
||
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
| Zeile 34: | Zeile 34: | ||
</body> | </body> | ||
</html> | </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 43: | Zeile 54: | ||
== 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/uP-wNkvwC" w="1000" h="800"></iframe> | ||
| − | + | {{#ev:youtube|https://youtu.be/xxHbQ7fD6gs|800}} | |
Aktuelle Version vom 13. August 2020, 20:38 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>
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
- Nachgeschlagen in der von p5js
- ...
Gemeinsam erarbeitete Lösung
