A pipeline from Blender to the web

For the interactive music video we made for Actress as part of the Undercurrent exhibition, we wanted a process that would allow us to quickly iterate based on feedback from our client. This way, we could quickly align on visual direction using design tools before translating that work into an interactive experience.

We created renders in Blender that we knew we could reproduce in Three.js, designing the capabilities of the app as we previsualized. We then wrote scripts to automate the export of data, including pivots and paths, from Blender and import the data into Three.js. This process preserved creative intent while moving from offline to realtime rendering.

Tools & Technologies

  • Three.js
  • Blender
  • Python