Using 3D in a native web environment requires a limited amount
of polygons. We used a detailed architectural model and rebuilt
it for a smooth experience in desktop and mobile browsers
![](https://olofmogard.com/wp-content/uploads/2016/05/sture_2-3_v06_1-1.png)
The scene was built in C4D. All reflections, shadows and lights were exported as textures and later applied to the model in WebGL
![](https://olofmogard.com/wp-content/uploads/2016/05/sture-bake_4-3_01-e1558952976234.png)
We animated different camera angles and highlights to aid the users in understanding the proposal. Each building was built disconnected from its neighbour
![](https://olofmogard.com/wp-content/uploads/2016/05/sture-highlight_01.png)
The environment was created using anonymous blocks representing the surrounding buildings and a flat high resolution map underneath
![](https://olofmogard.com/wp-content/uploads/2016/05/sture-landing-desktop_01@2x-min.png)