Loading video...

Video Failed to Load

Go Home

Here's my take at faking volumetric fog 😶‍🌫️ #threejs #webgl #glsl #r3f #javascript

_Thibka's profile picture

Thibaut Foussard

1,954 subscribers

10,151 views • 2 years ago •via X (Twitter)

#threejs#webgl#glsl#r3f#javascript
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Close-up of the fake volumetric fog I used in my latest project #threejs #webgl #glsl #javascript #threejsjourney
0:26

Close-up of the fake volumetric fog I used in my latest project #threejs #webgl #glsl #javascript #threejsjourney

Thibaut Foussard

11,641 views • 1 month ago

Working on Three.js volumetric clouds again. Taking notes from Sebastian Lague's coding adventure😋 #r3f #webgl #threejs
0:22

Working on Three.js volumetric clouds again. Taking notes from Sebastian Lague's coding adventure😋 #r3f #webgl #threejs

Faraz

17,592 views • 1 year ago

Got my hands on the new SoftShadow that N8 Programs and ☄︎ are working on for R3F Feels so sooooft👼 #threejs #webGL #r3f
0:22

Got my hands on the new SoftShadow that N8 Programs and ☄︎ are working on for R3F Feels so sooooft👼 #threejs #webGL #r3f

Bruno Simon

40,605 views • 3 years ago

Have a play with my new interactive Koi carp pond scene! 🐟🐟🐟 ➡️ Heightfield water sim, real-time refractions and a generative night sky that's different each time. Built with #threejs and #r3f #creativecoding #javascript #webgl
0:29

Have a play with my new interactive Koi carp pond scene! 🐟🐟🐟 ➡️ Heightfield water sim, real-time refractions and a generative night sky that's different each time. Built with #threejs and #r3f #creativecoding #javascript #webgl

sᴄᴏᴛᴛ ᴅᴀʀʙʏ

111,174 views • 3 years ago

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:49

An interactive, animated spiral pattern with dynamic colors, energy bursts, and bloom effects created with Three.js (WebGL) and custom GLSL shaders. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

11,398 views • 1 year ago

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript
0:29

Interactive simulation built with Three.js, WebGL, and GLSL shaders featuring dynamic lattice structures, particle effects, and a UI for scene controls. Source code link in the comment below. 👇 #OpenSource #Threejs #JavaScript

Puneet | Techartist

14,638 views • 1 year ago

Finally made a portfolio site! Looking for new projects, so check this out if you need a #threejs #webgl #r3f #unity developer 👋
0:25

Finally made a portfolio site! Looking for new projects, so check this out if you need a #threejs #webgl #r3f #unity developer 👋

Einar Öberg

11,647 views • 2 years ago

Unity URP needs volumetric fog. > Surprise! I've released my volumetric fog, lighting + shadows, and mist shader for FREE. ✅ AERO - Volumetric Fog & Mist: #unity3d #gamedev #indiedev
0:41

Unity URP needs volumetric fog. > Surprise! I've released my volumetric fog, lighting + shadows, and mist shader for FREE. ✅ AERO - Volumetric Fog & Mist: #unity3d #gamedev #indiedev

Mirza Beig

19,306 views • 4 months ago

Latest experiment: an environment inspired by those calm summer days where life just passes by... ☀️ #threejs #javascript #webgl SideFX #houdini
0:21

Latest experiment: an environment inspired by those calm summer days where life just passes by... ☀️ #threejs #javascript #webgl SideFX #houdini

vicente lucendo

546,873 views • 3 years ago

I finally have volumetric shadows! 🌄 Not a bad day of work~ I'm one step closer to being a browser-based Cloud Imperium Games! take a tour of your own generated maps at or check out the (horrible) codebase: #threejs #r3f
0:49

I finally have volumetric shadows! 🌄 Not a bad day of work~ I'm one step closer to being a browser-based Cloud Imperium Games! take a tour of your own generated maps at or check out the (horrible) codebase: #threejs #r3f

Kenneth Pirman 🔮

24,381 views • 2 years ago

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl
0:20

Interactive rug shader - A Three.js port of Dervish's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,266 views • 1 year ago

Small weekend project. Modified Brackeys's Unity dissolve shader to work in #ThreeJS using R3F. Will be using this in AR soon👀 Demo: Code: #webgl #creativecoding
0:36

Small weekend project. Modified Brackeys's Unity dissolve shader to work in #ThreeJS using R3F. Will be using this in AR soon👀 Demo: Code: #webgl #creativecoding

Faraz

111,088 views • 3 years ago

My <FakeGlowMaterial /> for #r3f is finally available. You can create glow effects through #glsl shaders and meshes without any post-processing effects😍 Live: Source: The vanilla #threejs version is coming soon. #threejsJourney
1:09

My <FakeGlowMaterial /> for #r3f is finally available. You can create glow effects through #glsl shaders and meshes without any post-processing effects😍 Live: Source: The vanilla #threejs version is coming soon. #threejsJourney

Anderson Mancini

20,659 views • 2 years ago

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇
0:36

Particle visualization with shockwaves and themes. Uses JavaScript, Three.js for WebGL, and GLSL shaders for visual effects. Source code/CodePen link in the comment below. 👇

Puneet | Techartist

13,326 views • 1 year ago

Excited to finally launch the new Siena Film Foundation website, crafted with G-NS Studio! A WebGL-powered experience featuring film strips, procedural sliders and cinematic-inspired animations. 🎬 Live URL → #Webflow #WebGL #Javascript #GSAP #GLSL
0:30

Excited to finally launch the new Siena Film Foundation website, crafted with G-NS Studio! A WebGL-powered experience featuring film strips, procedural sliders and cinematic-inspired animations. 🎬 Live URL → #Webflow #WebGL #Javascript #GSAP #GLSL

Niccolò Miranda

121,264 views • 1 year ago

Want to know How I made this using #threejs ? 👇Check the full video here! 👇 Sharing & support appreciated ♥️🙏 #Zelda #JavaScript #webgl
0:42

Want to know How I made this using #threejs ? 👇Check the full video here! 👇 Sharing & support appreciated ♥️🙏 #Zelda #JavaScript #webgl

Robin Payot

34,685 views • 2 years ago

My website in 2015😅 It still works #webgl #threejs #webdesign
0:22

My website in 2015😅 It still works #webgl #threejs #webdesign

Kitasenju Design

215,367 views • 2 years ago

Working on something exciting! #r3f #threejs #grass #anime
0:39

Working on something exciting! #r3f #threejs #grass #anime

Faraz

14,775 views • 1 year ago

some volumetric testing in threejs
0:22

some volumetric testing in threejs

Codetard

14,820 views • 5 months ago

Here's 1M instanced boxes. Can you tell which city it is? #threejs #webgl (Link in the replies 👇)
0:42

Here's 1M instanced boxes. Can you tell which city it is? #threejs #webgl (Link in the replies 👇)

Daniel Esteban

25,644 views • 1 year ago