All posts tagged: Threejs

Continue Reading header image

Quick tip: Shaders in Sublime Text

Sublime Text is my favorite text editor and here’s a quick tip if you’re working with shaders in three.js. I prefer to store my shaders as a separate file. And to do this in the same way as three.js all shader code must be enclosed in quotes and comma-separated. Enter this in the search and replace boxes in Sublime Text and you have a quick way to prepare your shaders for three.js: Note the ‘regular expression’ button must be active.

New interactive browser based music video

“Valley Of Uncanny #01″ is an interactive animation with music by Zack Christ that explores the relationship between visual and musical rhythms, glitches and distortions. The animation is a part of a series of different virtual sculptures I made of human bodies and faces. Often in games and 3D art the human body is idealized into sexy or heroic archetypes but in this project the two heads are distorted and glitched in ways that create more unfamiliar expressions that sometimes dissolve into pure absctract shapes. The animation is created in WebGL using the popular library Three.js and in order to precisely control the progression of the visuals multiple tracks of keyframes are loaded into the application in order to control animation parameters in sync with the music. The piece is an adaptation of some of the material, that I also use when I perform live as a VJ at concerts. […]