![[OLD FALL 2019] 15-104 • Introduction to Computing for Creative Practice](wp-content/uploads/2020/08/stop-banner.png)
Renaud ROHLINGER is a French developer that lives in Japan who made an interactive website portfolio to help depict his experience when he traveled to Japan. The main objective of his project is to show Japanese culture. He stated on his website that he wanted to create a “cool webgl design without using Distortion and Wave effects.”
When entering the website, you see a kitten that directs you to the title then sleeps. Everything is animated so you can see the background continuously moving. Once you scroll, the kitten wakes up and walks into the background.
As the cat leads you into the background, the setting changes from black and white to color. At first, it is difficult to see where the kitten is at, but the camera zooms out so you are able to see the “world” that the kitten is in.
I really enjoyed the transitions that the designer made. Every time you scrolled to move on, there were cool transitions that helped you get immersed into the work. In addition, the interaction was extremely fun to play around with. The designer gave a backstory in the beginning of how he started. While doing so, he talked about what kind of softwares he uses. He also added that he uses an old Mac and like everyone he hates lags. His writings were very relatable which I enjoyed. He used Phaser.io, Pixi with Canas/WebGL, HowlerJS, Es6 StandarJS, Webpack. In the end he talked more about how he was able to create his portfolio. He mentions architecture, 3D optimizations and three optimizations, animations. I really thought the animations and interactions were really were integrated with each others. I would like to do something like this in the future once I am more educated about coding. Through this portfolio, I was able to see what a long and tedious process it is to create cool and interactive projects.