I built a tool in ThreeJS that can be used in live performances. Then I showcased it at a concert.
This live event happened on March 25th at ITP in New York. First initiated by artist Shantell Martin, the show aims to offer a space for creative and spontaneous collaboration between musicians and visual digital artists, pushing forward what technology can add to this collaboration.
Music by Quiet Luke: https://soundcloud.com/quietluke
Visuals by Eve Weinberg: http://neveroddoreven.tv/
Single shot from the 4-minute song
Play with it online yourself. Press Q,W,E for lights; S / D to spin the main shape; I / O to bounce the cubes; Z / X for camera speed. Use mouse to orbit controls. (Webcam does not work on this website yet, as that requires an expensive 'https' certificate)
Making of:
The main model was made in Cinema 4D, where Eve unwrapped the UVs and lined them up so they would be in a good position to paint back onto. The obj and txt. was exported from Cinema4D then loaded into a javascript file. The javascript was mostly Three.js and jQuery. Eve programmed in some extra controllers, on keypress you can change the lighting, rotate the main shape, and make the outlying cubes bounce.
The main model was made in Cinema 4D, where Eve unwrapped the UVs and lined them up so they would be in a good position to paint back onto. The obj and txt. was exported from Cinema4D then loaded into a javascript file. The javascript was mostly Three.js and jQuery. Eve programmed in some extra controllers, on keypress you can change the lighting, rotate the main shape, and make the outlying cubes bounce.
Photos from Live Event
Original code and concept for webcam integration was created by Alon Chitayat and Rosalie Yu (showcased here: http://www.skindeep.cc/)
Footage of event was shot by Alon Chitayat and Shir David
Footage of event was shot by Alon Chitayat and Shir David
