Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 6 ay önce •via X (Twitter)

#threejs#tsl#threejsjourney
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

some volumetric testing in threejs
0:22

some volumetric testing in threejs

Codetard

14,820 görüntüleme • 5 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 yıl önce

<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,371 görüntüleme • 2 yıl önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 5 ay önce

🎨 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,296 görüntüleme • 2 ay önce

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 görüntüleme • 7 ay önce

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

ascii fluid. in threejs / tsl / webgpu

Codetaur

58,802 görüntüleme • 2 ay önce

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 görüntüleme • 3 yıl önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 7 ay önce

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 görüntüleme • 6 ay önce

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,631 görüntüleme • 10 gün önce

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,684 görüntüleme • 1 ay önce

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 görüntüleme • 9 ay önce

🕹️ 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 görüntüleme • 1 yıl önce

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 görüntüleme • 3 ay önce

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

volumetric lights, isometric camera, cubic action made with threejs

AA

107,440 görüntüleme • 1 ay önce