A website supporting endangered marine animals
We have developed a 3D model of the business district, embedded it into the website and optimized the speed and loading time. We have used the storyboard video to create a VR tour with a motion controlled camera flying over the buildings. We have undertaken the front-end development, including full optimization of the high-load elements and micro-animations.
We have created a 3D model from scratch based on the development plan and a video recording of a camera flying over the district. We have chosen low polygonality to maintain a high loading speed and reduce the memory consumption.
Instead of calculating shadows in real time, we have used textures with «baked» shadows — the primary light sources do not move, the shadows themselves are static.
The frontend uses WebGL technology: it allows controlling 3D graphics on the webpage using hardware acceleration. To interact with the model, we have given users the ability to fly around the district, where they could zoom and switch between floors, as well as highlight different elements with an interactive flashlight cursor.
In addition to the 3D modeling, we have undertaken the website development. All the animations were designed on the frontend: the webpages transitions, interface mini-hovers and scrolling reactions.