Skip to content

WilliamStaudenmeier/WilliamStaudenmeier.github.io

Repository files navigation

Studio Ghibli Inspired Animation

Did you know that Princess Mononoke sold more tickets than any other movie in Japanese history?

I'm a big fan of Hayao Miyazaki and decided to dedicate my GitHub page to one of his films. This is made completely in base HTML, CSS, and JS, so you can run it locally without installing any libraries.

GitHub Pages does not recognize mobile transforms, so image-loading and absolute-positioning do not translate well from web to mobile for certain objects like bushes and trees. The best bet is to create your own animations using flex layout.

The cool thing about GitHub pages is that it is a free way to host an animation.

Inspired by Hayao Miyazaki and a concept by Andrés Nicolás Tonello.

Thanks!

I built a slightly more artistic version on CodePen if you are into Pens: Kodama and Family