This is a personal project to learn JavaScript and THREE.js (my first time writing JS, please be nice). Coming from Processing, I found THREE.js to be insanely fast for being executed in the Browser.
The 3D OBJ animated geo models shown here were downloaded using this little tool.
Audioreactive animations using the system microphone. The volume is saved in a queue and waves propagate from the center of the scene outwards. In the first example manhattan_big.obj
only the roofs are selected to move up and down according to the delayed volume. This example is rendered with MeshPhongMaterial
, drawWireframe = false
.
With several shaders implemented. Shaders and audioHandler.js
are borrowed from here and here. Generally, airtightinteractive.com was a great resource for me to learn THREE.js.