Patrick Matte Creative Coder

Cirque du Soleil Kurios

This website for Cirque du Soleil’s new show Kurios features a couple of neat animations. First the character’s leg on the homepage is animated with the help of three.js, a 3D library leveraging the power of WebGL. As you can see in the demo below, the leg is in fact a flat plane divided with multiple vertices that are displaced to create a bending effect.
Then on the following page, there’s another character with an infinite zoom-in effect in his belly. This is simply made with multiple elements nested within each other with some scale transform. The effect is particularly interesting when combined with the parallax movement of all the layers happening when the page is scrolled.

See an archive of the website