Finally, completed the @threejs port of Evan Wallace’s WebGL Water demo!It includes real-time heightfield water simulation, raytraced reflections/refractions, caustics, buoyancy, interactive objects, GLTF model support, configurable pool shapes including rounded boxes, and a light-follow-camera mode for exploring dynamic caustics and highlights.The object system is extensible: you can add more Three.js geometries or custom 3D models by defining their render shader, water displacement approximati
2:49
x.comjeantimex
Finally, completed the @threejs port of Evan Wallace’s WebGL Water demo!It includes real-time heightfield water simulation, raytraced reflections/refractions, caustics,
jeantimex (@jeantimex). 206 likes 10 replies. Finally, completed the @threejs port of Evan Wallace’s WebGL Water demo!It includes real-time heightfield water simulation, raytraced reflections/refractions, caustics, buoyancy, interactive objects, GLTF model support, configurable pool shapes including rounded boxes, and a light-follow-camera ...
319.3K views1 week ago
WebGL Tutorial
How I build with Claude Fable 5 👇 Academy in bio 🔗 One WebGL scene can swap entire environments by loading different texture sets, same code different world Ocean water is a plane with animated normal maps, every realistic sea on the web is this one technique Color grading per section sells the mood shift, cold blue for maritime warm green for capital Fog density in Three.js is one scene.fog value, atmosphere costs a single line Crossfading between 3D environments is two scenes and one opacity
0:16
How I build with Claude Fable 5 👇 Academy in bio 🔗 One WebGL scene can swap entire environments by loading different texture sets, same code different world Ocean water is a plane with animated normal maps, every realistic sea on the web is this one technique Color grading per section sells the mood shift, cold blue for maritime warm green for capital Fog density in Three.js is one scene.fog value, atmosphere costs a single line Crossfading between 3D environments is two scenes and one opacity
TikTokwebloved
44.1K views3 weeks ago
Messenger Game Browser Gratis: Eksplorasi Dunia Ghibli
0:40
Messenger Game Browser Gratis: Eksplorasi Dunia Ghibli
TikTokkreativv_id
99K views2 weeks ago
Claude Opus 4.6 vs Gemini 3.1 Pro. 🥊🤖 El reto fue extremo: Programar un CLON funcional de Excel usando solo HTML, JS y Three.js (WebGL) para el renderizado. 🤯📊 El prompt completo te lo dejo en el primer comentario. 👇 #InteligenciaArti #Programacion #DevLife #GeminiPro #ClaudeAI #TechTok #DesarrolloWeb #excel
2:29
Claude Opus 4.6 vs Gemini 3.1 Pro. 🥊🤖 El reto fue extremo: Programar un CLON funcional de Excel usando solo HTML, JS y Three.js (WebGL) para el renderizado. 🤯📊 El prompt completo te lo dejo en el primer comentario. 👇 #InteligenciaArti #Programacion #DevLife #GeminiPro #ClaudeAI #TechTok #DesarrolloWeb #excel
TikTokjceronch
28.3K views4 months ago
Top videos
AMAZING Real-Time CGI Water Effect in WebGL with Ray Tracing, Ambient Occlusion & Caustics
4:06
AMAZING Real-Time CGI Water Effect in WebGL with Ray Tracing, Ambient Occlusion & Caustics
YouTubeThe Triple S League
18.4K viewsDec 15, 2018
WebGL Water Simulation
1:14
WebGL Water Simulation
YouTubeconstexpr
455.8K viewsAug 15, 2011
Build Your First Interactive WebGL Scene (in Minutes)
2:06
Build Your First Interactive WebGL Scene (in Minutes)
YouTubeUnicorn Studio
12.5K views5 months ago
WebGL Games
How VPNs Are DEFEATED (Disable THIS)
0:29
How VPNs Are DEFEATED (Disable THIS)
YouTubeLuke Dexter
23.7K views1 month ago
Inspect and live-edit 3D WebGL elements
0:34
Inspect and live-edit 3D WebGL elements
YouTubeGoogle for Developers
15.5K views3 weeks ago
Smooothy Slider Review: Smooth WebGL Experience
2:55
Smooothy Slider Review: Smooth WebGL Experience
TikTokjoshfromyolkk
63.3K views8 months ago