Codrops0 Hot7 phút
The Sleepers: Creating an Atmospheric WebGL Experience with Lightweight Techniques
A technical breakdown of lightweight WebGL techniques used to build 'The Sleepers', a submission for Bruno Simon's Three.js challenge. Covers four main areas: a swirling intro transition using a black-and-white texture as a per-pixel threshold in a post-processing shader; animated fog achieved via shader injection with onBeforeCompile, using world position and noise textures for organic movement; mesh outlines using the inverted hull (backface) technique originating from Blender's Solidify modifier; and an infinite scrolling city built with a 3×3 tile grid that repositions chunks around the camera. Also briefly mentions Three.js LightKit, the author's own tool for browsing HDR lighting presets.