Skip to content

Audioreactive animations using the system microphone.

Notifications You must be signed in to change notification settings

caglorithm/visavis

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

visavis

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.

Manhattan

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.

demo demo

Mt. Everest

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.

demo demo

About

Audioreactive animations using the system microphone.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages