WebGL Experience - Sylo

In-browser experience

Foliage cards

Playing around with a different camera move earlier in the build

Shrink wrap to optimise environment

Enhancing 2D art with height maps and cards

WebGL Experience - Sylo

High-to-low poly optimisation pass on a hero environment supplied by the client.

Various methods were used to make this environment suitable for use in-browser and on mobile devices. Techniques included camera projection and foliage cards.

Scrolling experience built with Three.js & GSAP. Check it out here: https://www.sylo.io/