Загрузка видео...

Не удалось загрузить видео

На главную

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,897 просмотров • 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,371 просмотров • 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 просмотров • 5 месяцев назад

🎨 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 просмотров • 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 месяцев назад

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

ascii fluid. in threejs / tsl / webgpu

Codetaur

58,802 просмотров • 2 месяцев назад

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 лет назад

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 год назад

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 месяцев назад

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 месяцев назад

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 просмотров • 10 дней назад

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 просмотров • 1 месяц назад

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 месяцев назад

🕹️ 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 месяц назад