Class 8 - MIDI and Physical Interaction

[BarakChamo]

Class 8 - Assignment

For next class, complete the shared projects you created in class, using MIDI controllers and the WebMIDI API to add custom physical interactions to a web project.

The IDM equipment room should have MIDI controllers for your to experiment with.

References

-WebMIDI.js API reference -Basic Web MIDI example

• Web MIDI with Tone.js
• Web MIDI with Three.js

[Gman9000]

Granville Jones & Aparna Ramakrishnan Controls:

• MIDI controller with 16 buttons and gyroscope in it
• tilting the controller will move the object in different directions
• pressing the bottom left hand corner button while the second button in the top row of buttons are highlighted will start and stop the music Here is the link to Homework #8 https://Gman9000.github.io/The-Creative-Web-MIDI-CLASSWORK/classes/class8/examples/midi-three.html

[dpinna13]

Diego and Echo MIDI controller with 6 buttons/controller for MIDI Fighter Twister (3 for playback controls, 3 for loop start/end movement) with two mp3 loops (first loaded twice to use it separately)

https://dpinna13.github.io/The-Creative-Web/classes/class_08/player.html

[flora233]

https://flora233.github.io/creativeWeb19/assignment/class8.html

audio visualizer with playback control case 0, change the radius of the group, case 7 change the playback rate of the background music

[tina04281]

Tina & Xueren https://tina04281.github.io/Creative-Web/Assignment%20%238/Controller.html

• MIDI controller with 16 buttons to change the cube position and give them sounds

[yinyucheng0601]

MIDI controls the radius of the group; play and mute music;

https://yinyucheng0601.github.io/My-Creative-Web/class%208%20MIDI/class%208%20MIDI/class8_three.html

[dpinna13]

Simple&free app to pass MIDI values to web: https://www.soniclogicapps.com/knob-lab-1 Requires server app on the macbook (still free) supports older iOS devices. https://www.soniclogicapps.com/central-1