Mirage Festival ’20
![Mirage Festival 2020 case study cover](images/martin-laxenaire-mirage-festival-2020.jpg)
Event website
In collaboration with Cécile + Roger
Project involved: Offscreen 2D canvas animations, WebGL with curtains.js, GLSL, bilingual Wordpress with custom AJAX navigation and locomotive scroll.
Canvas, gradient background and marquees
I used offscreen canvases to animate the homepage rocket, curtains.js for all the WebGL effects and a bit of CSS and javascript magic for everything else.
We've added an infinite background gradient animation, and big typographic old school marquees for a retro-futuristic look & feel.
![Mirage Festival 2020 website homepage](images/martin-laxenaire-mirage-festival-2020-home.jpg)
No tradeoffs on mobile
The mobile version includes the exact same animations, even enhanced by the use of device motion and orientation in some cases, and still runs super smoothly!
![Mirage Festival 2020 Homepage screenshot](images/martin-laxenaire-mirage-festival-2020-homepage.jpg)
![Menu toggling animation example on Mirage Festival 2020's website](images/martin-laxenaire-mirage-festival-2020-main-menu-animation.jpg)
Awards & publications
-
Awwwards
-
CSS Design Awards
-
Communication Arts