@dangreenheck: Three.js Water Pro is making Subnautica in the browser a real possibility. Rewrote the lighting model so light reflecti…

X AI KOLs Timeline 05/18/26, 07:29 PM Tools

three-js water-simulation lighting-model refraction attenuation browser-gaming real-time

Summary

Three.js Water Pro update rewrites the lighting model with physics-based refraction and attenuation for realistic ocean floor reflections, enabling Subnautica-like underwater browser games.

Three.js Water Pro is making Subnautica in the browser a real possibility. Rewrote the lighting model so light reflecting off the ocean floor is now refracted and attenuated based on real-world physics. Still can't believe what a difference it makes🤯 https://t.co/YSERimnsUg

Original Article

View Cached Full Text

Cached at: 05/19/26, 02:38 AM

Three.js Water Pro is making Subnautica in the browser a real possibility.

Rewrote the lighting model so light reflecting off the ocean floor is now refracted and attenuated based on real-world physics.

Still can’t believe what a difference it makes🤯 https://t.co/YSERimnsUg

Similar Articles

@marco_fugaro: today I improved the lighting and materals on my coral reef demo, also generated a fitting UI with a couple of prompts …

X AI KOLs Following

Improved lighting and materials on a coral reef demo using Three.js, with procedural caustics and emissive maps, and generated a UI using Omma AI.

Show HN: I made a tactical map-based WWII submarine simulator (public beta)

Hacker News Top

The author announces a tactical map-based WWII submarine simulator called Silent Shark, currently in public beta. Built with Vite/TypeScript, it focuses on hydrophone listening, course estimation, and periscope target identification, with a planned full release on Steam, iOS, and Android.

@andreasawires: ~100 MILLION TRIANGLES RENDERED IN THE BROWSER. Casual Nanite-style meshlets on @threejs. GLB drop-in + PBR included.

X AI KOLs Timeline

A developer demonstrates rendering approximately 100 million triangles in the browser using Nanite-style meshlets with Three.js, including GLB drop-in and PBR support.

Show HN: A CSS 3D Engine (no WebGL)

Hacker News Top

PolyCSS is a CSS polygon mesh library that renders 3D models as real HTML elements using CSS matrix3d, supporting OBJ/MTL, GLB, and VOX formats with React, Vue, or vanilla JS.

@theworldlabs: Summer vibes Built with Marble, Spark, and Three.js. Persistent World Models let you design for cohesive spaces instead…