Javascript - OSC Communicatie
* Uitgedeeld op 9 februari 2023.
* Deadline: aftekenen in de les, uiterlijk 23 februari 2023.
* Met deze opdracht denken we dat je zo'n 1 - 3 uur bezig bent. Voor verdere stappen ben je waarschijnlijk wat meer tijd kwijt.
* Bronnen bij deze opdracht: Syllabus | P5.js reference
Het doel van deze opdracht is het effectief verwerken van OSC communicatie in je bestaande Visuele Compositie opdracht.
Stap 1
Zorg dat je uitwerking van de Visuele Compositie opdracht goed werkt en dat je deze goed begrijpt. Is dat nog niet zo? Neem dan je code nog eens aandachtig door en schrijf er aantekeningen bij. Het is van belang dat je goed snapt wat er wanneer gebeurt in je huidige code voordat je verder gaat met de opdracht.
Stap 2
Verzin een interessante manier om OSC communicatie te implementeren in of de Visuele Compositie. Je zou bijvoorbeeld een OSC bericht naar Max kunnen sturen wanneer een toon in Javascript zou klinken en daarmee in Max een geluid te triggeren. Misschien kun je zelfs de positie, grootte, snelheid, kleur, etc. van je visuele compositie gebruiken om het geluid in Max anders te laten klinken.
Stap 3
Zorg dat je vanuit je bestaande code ook OSC kan versturen en deze goed ontvangt in een ander programma. De oorspronkelijke functionaliteit van je code mag hier niet onder lijden.
Stap 4
Implementeer je OSC idee in je code. Zorg dat er op het juiste moment OSC berichten worden gestuurd naar de juiste poort met de juiste informatie. Tip: je kan dit makkelijk controleren door naast een OSC bericht te sturen ook met console.log() je OSC berichten in de console weer te geven.
Stap 5
Ga los! Maak het zo uitgebreid als je zelf wilt en werk je OSC implementatie uit naar je eigen inzicht.