Đang tải bảng tin…
Codrops0 Hot0 bình luận7 phút đọc
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.
Nguồn: https://tympanus.net/codrops/2026/07/10/the-sleepers-creating-an-atmospheric-webgl-experience-with-lightweight-techniques. 8sync News chỉ tóm tắt và dẫn link; bản quyền nội dung thuộc tác giả và nguồn gốc.
Đề xuất cho bạn
dbushell1 Hot3 phútAI
Astro is fine I guess
Một nhà phát triển web chia sẻ trải nghiệm sử dụng Astro làm trình tạo trang tĩnh cho website công ty mới. Sau những khó khăn ban đầu với LSP trên Zed editor và cách xử lý khoảng trắng, họ đánh giá tài liệu của Astro tốt nhưng thái độ chung khá thờ ơ do hệ sinh thái JavaScript kém hấp dẫn và lo ngại từ việc Cloudflare mua lại Astro.
Bạn nên đọc bài này để hiểu cách đánh giá thực tế về Astro như một công cụ thay thế cho các công nghệ truyền thống trong phát triển trang web, đặc biệt khi nó có thể giúp tối ưu hóa hiệu suất và giảm sự phụ thuộc vào JavaScript client-side.
