Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Directional light testing for particle self-shadowing using a volumetric mesh #threejs #tsl #threejsjourney

MisterPrada

1,270 subscribers

13,360 views • 6 months ago •via X (Twitter)

#threejs #tsl #threejsjourney

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

some volumetric testing in threejs

some volumetric testing in threejs

Codetard

14,820 views • 5 months ago

Using #threejs with WebGPU and TSL to build a light painting tool. It's not like watercolor, but I like how the paint dries over time. It's quite relaxing. Next, I'll enable "mesh painting" mode. Let's see how it looks. #creativecoding

Using #threejs with WebGPU and TSL to build a light painting tool. It's not like watercolor, but I like how the paint dries over time. It's quite relaxing. Next, I'll enable "mesh painting" mode. Let's see how it looks. #creativecoding

Anderson Mancini

26,897 views • 4 months ago

Aurelia by holtsetio Completely procedural jellyfish, with verlet physics and fake volumetric lighting. Rendered in WebGPU and TSL.

Aurelia by holtsetio Completely procedural jellyfish, with verlet physics and fake volumetric lighting. Rendered in WebGPU and TSL.

Three.js

48,512 views • 1 year ago

<mesh> <FakeGlowMaterial /> </mesh> A new component is coming. A very simple, easy-to-use, fake glow material. This can create a glow around the mesh without any post-processing. Available soon for vanilla #threejs and #react three fiber 😍 #threejsJourney

<mesh> <FakeGlowMaterial /> </mesh> A new component is coming. A very simple, easy-to-use, fake glow material. This can create a glow around the mesh without any post-processing. Available soon for vanilla #threejs and #react three fiber 😍 #threejsJourney

Anderson Mancini

26,371 views • 2 years ago

Three.js -> TSL -> Raymarching -> Clouds ☁️-> Tornado 🌪️-> Dust -> Bloom ⚡(Compute Simplex Noise)⚡ Fully procedural implementation. Just the way you like it. 👇💖 Live - Code - #threejs #tsl #threejsJourney

Three.js -> TSL -> Raymarching -> Clouds ☁️-> Tornado 🌪️-> Dust -> Bloom ⚡(Compute Simplex Noise)⚡ Fully procedural implementation. Just the way you like it. 👇💖 Live - Code - #threejs #tsl #threejsJourney

MisterPrada

16,376 views • 6 months ago

Testing light reflection on texture for an upcoming project. #threejs #blender #codinglife

Testing light reflection on texture for an upcoming project. #threejs #blender #codinglife

Adoratorio Studio

22,680 views • 2 years ago

STOP everything you're doing, and go try WebGPU and TSL. I wanted to give a shot to TSL and see how it's working today, and wow. in short, it's great SEA3D, mrdoob and all the TSL contributors made an awesome job making it as easy as possible #threejsjourney #r3f #threejs details below ⬇️

STOP everything you're doing, and go try WebGPU and TSL. I wanted to give a shot to TSL and see how it's working today, and wow. in short, it's great SEA3D, mrdoob and all the TSL contributors made an awesome job making it as easy as possible #threejsjourney #r3f #threejs details below ⬇️

Alex

84,234 views • 5 months ago

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. Revelium™ Studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 CC: Dominik Fojcik & Niccolò Miranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

WebGL / WebGPU

10,296 views • 2 months ago

Update on my new #threejs project, Lumen Decor Studio. With Screen Space Global Illumination and Screen Space Reflection in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere. Next step: color selection behavior😍 Live link soon #creativecoding #tsl #rf3 #webgpu #threejsJourney

Update on my new #threejs project, Lumen Decor Studio. With Screen Space Global Illumination and Screen Space Reflection in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere. Next step: color selection behavior😍 Live link soon #creativecoding #tsl #rf3 #webgpu #threejsJourney

Anderson Mancini

149,262 views • 7 months ago

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding

WebGL / WebGPU

13,046 views • 6 days ago

Wip Relighting @MAWIUnited Conifer procedural trees using HDR + Directional light and volumetric fog Unreal Engine 5.1 Lumen Nanite #UnrealEngine5 #UE5 #UnrealEngine #videogames #forest #lighting #realism #lumen #nanite #HDR #trees Unreal Engine 80 LEVEL

Wip Relighting @MAWIUnited Conifer procedural trees using HDR + Directional light and volumetric fog Unreal Engine 5.1 Lumen Nanite #UnrealEngine5 #UE5 #UnrealEngine #videogames #forest #lighting #realism #lumen #nanite #HDR #trees Unreal Engine 80 LEVEL

Pasquale Scionti

23,280 views • 3 years ago

ascii fluid. in threejs / tsl / webgpu

ascii fluid. in threejs / tsl / webgpu

Codetaur

58,873 views • 2 months ago

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Anderson Mancini

20,206 views • 1 year ago

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!

This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!

Renaud

130,968 views • 8 months ago

A little work in progress on my new #threejs project showing how Screen Space Global Illumination also works wonders in open scenes. Here, I'm using SSGI with CSM, SSS (screen space shadows), and a custom atmospheric fog for more realism. Adjusting the time of day in a scene like this is like a dream come true 😍. More details soon. #webgpu #tsl #creativecoding #threejsJourney

A little work in progress on my new #threejs project showing how Screen Space Global Illumination also works wonders in open scenes. Here, I'm using SSGI with CSM, SSS (screen space shadows), and a custom atmospheric fog for more realism. Adjusting the time of day in a scene like this is like a dream come true 😍. More details soon. #webgpu #tsl #creativecoding #threejsJourney

Anderson Mancini

11,017 views • 6 months ago

Meshline for TSL #threejs is here ! 🥳 Github & demo links in thread 👇

Meshline for TSL #threejs is here ! 🥳 Github & demo links in thread 👇

David Ronai

26,076 views • 9 months ago

Another #threejs #tsl exercise ready to be written. Introducing physics using compute. It's the naive approach, but it runs 10000 spheres easily.

Another #threejs #tsl exercise ready to be written. Introducing physics using compute. It's the naive approach, but it runs 10000 spheres easily.

Bruno Simon

35,856 views • 11 days ago

Making progress on the new TSL lessons. I've just counted them, and there is currently 15 new lessons. Finished the draft for 6 of them. I think I have to lower the bar a little if I want to get them live at some point. #threejs #threejsJourney

Making progress on the new TSL lessons. I've just counted them, and there is currently 15 new lessons. Finished the draft for 6 of them. I think I have to lower the bar a little if I want to get them live at some point. #threejs #threejsJourney

Bruno Simon

26,684 views • 1 month ago

🕹️ Preparing a brand new BVH-based character controller which is lightweight, flexible, and requires no physics engine. 🍻 Big thanks to Garrett Johnson 🦋 for his incredible three-mesh-bvh library that made all this possible. #threejs #threejsJourney #webdev #gamedev #r3f #ecctrl

Andrew Chen

28,555 views • 1 year ago

procedural roots on arbitrary mesh in threejs with three-mesh-bvh

procedural roots on arbitrary mesh in threejs with three-mesh-bvh

Codetard

22,618 views • 3 months ago