Explore 12 biological processes in the human body through field of morphing particles.

Working with scientists at Hoskinson Health, I created 12 animations using a combination of Blender, Houdini and 3D models from the Protein Data Bank

To acheive the best possible performance, 10,000 WebGL particles are animated via a technique called "Vertex Animation Textures". Each 3D animation is stored in a png image which is stepped through in a fragment shader in WebGL. Progressive loading is employed so that the page is responsive and loads quickly.

I made heavy use of GSAP scrolltrigger to control the morphing of particles. As you scroll between animations, the points transition to a GPGPU curl noise setup to keep the page interesting and dynamic.