— PROJECT NAME

three rooms


— ROLE

Development

Site of the Day – June 13, 2021

https://thefwa.com/cases/three-rooms


This digital museum was created using OpenSeadragon, AnimeJS/VanillaJS, Lottie, HTML5 and CSS3.


The room art is rendered at 40,000 pixel resolution. It was split into thousands of tiny squares and stitched back together using OpenSeadragon. I then used AnimeJS for the opening pan/zoom animation and Lottie for the “Click to Explore” animation. All the rest are CSS3 animations.