Pitch

An experiment with Web Audio and Threejs

Using web audio with createScriptProcessor that takes in a sample frame of 4096 and analysed via FTT to compare the waves with a mic input on the pitch level of the input. The higher the pitch the more violent the text shakes with the red background as an indicator of the level of pitch, upon sustaining a high pitch for an amount of time, the scene ends with a high note with an explosion. The explosion is created via TessellateModifier and the extrution is a shader with an offset value. 
 
This is to mimic how singers can crack wine glasses with their high pitch voices. Users can navigate throught the fragments.
 
 
As of now this will not work on iOS due to Apple lack of support for Mic Input Stream.
Back to Top