正在加载视频...

视频加载失败

返回首页

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

Mister_Prada's profile picture

MisterPrada

1,270 subscribers

13,360 次观看 • 6 个月前 •via X (Twitter)

#threejs#tsl#threejsjourney
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

some volumetric testing in threejs
0:22

some volumetric testing in threejs

Codetard

14,820 次观看 • 5 个月前

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
0:33

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,685 次观看 • 4 个月前

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

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

Three.js

48,512 次观看 • 1 年前

<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
0:50

<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,355 次观看 • 2 年前

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
0:36

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 次观看 • 6 个月前

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

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

Adoratorio Studio

22,680 次观看 • 2 年前

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 ⬇️
0:35

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 次观看 • 4 个月前

🎨 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
1:09

🎨 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,234 次观看 • 2 个月前

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
2:21

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,159 次观看 • 7 个月前

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
2:22

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 次观看 • 3 年前

ascii fluid. in threejs / tsl / webgpu
0:48

ascii fluid. in threejs / tsl / webgpu

Codetaur

58,802 次观看 • 2 个月前

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
2:07

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 次观看 • 6 个月前

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!!
0:26

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 次观看 • 7 个月前

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

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

David Ronai

26,076 次观看 • 9 个月前

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
1:27

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 次观看 • 1 年前

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

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,233 次观看 • 4 天前

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
0:43

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,671 次观看 • 1 个月前

🕹️ 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
1:11

🕹️ 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 次观看 • 1 年前

procedural roots on arbitrary mesh in threejs with three-mesh-bvh
0:29

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

Codetard

22,618 次观看 • 3 个月前

volumetric lights, isometric camera, cubic action made with threejs
0:27

volumetric lights, isometric camera, cubic action made with threejs

AA

107,440 次观看 • 1 个月前