Loading video...

Video Failed to Load

Go Home

Kinda obsessed with node-based workflows right now. ✨ #webgpu #tsl #threejs

MathisBiabiany's profile picture

Mathis Biabiany

2,562 subscribers

10,090 views • 1 month ago •via X (Twitter)

#webgpu#tsl#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Finally got a flower bloom effect working with WebGPU! #threejs #tsl #gsap #r3f
0:12

Finally got a flower bloom effect working with WebGPU! #threejs #tsl #gsap #r3f

deadrabbbbit

75,684 views • 11 months ago

Reflector with distance based blur. You can do this with few lines now, I made an improvement to `hashBlur()` to support mask as opacity. PR and live example #threejs #tsl #webgpu
0:13

Reflector with distance based blur. You can do this with few lines now, I made an improvement to `hashBlur()` to support mask as opacity. PR and live example #threejs #tsl #webgpu

SEA3D

18,766 views • 1 year ago

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles
0:17

The Milkmaid live demo is here! At Revelium™ Studio , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

70,331 views • 8 months ago

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles
0:15

A painting reborn as data. At Revelium™ Studio with the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particles

Niccolò Miranda

54,308 views • 9 months ago

Three.js -> TSL -> Raymarching -> (WebGPU/WebGL) BlackHole (☢️Radiation Noise & Bloom ) Live - Code - TSL is like a black hole that you can't get out of if you've already fallen into it. (good way) #threejs #tsl #threejsjourney
0:11

Three.js -> TSL -> Raymarching -> (WebGPU/WebGL) BlackHole (☢️Radiation Noise & Bloom ) Live - Code - TSL is like a black hole that you can't get out of if you've already fallen into it. (good way) #threejs #tsl #threejsjourney

MisterPrada

96,172 views • 7 months ago

这又是一个threejs项目，真的太好看了。我太喜欢了。 使用 threejs / TSL / webgpu 构建，复刻一下。
0:19

这又是一个threejs项目，真的太好看了。我太喜欢了。 使用 threejs / TSL / webgpu 构建，复刻一下。

苏打白.Dev

22,676 views • 3 months ago

Three.js, WebGPU, TSL full throttle with this very performant, compute shaders based one component VFX system very easy to use React API.
0:16

Three.js, WebGPU, TSL full throttle with this very performant, compute shaders based one component VFX system very easy to use React API.

Alex

14,943 views • 4 months ago

WebGPU Test. 100k animated goblins with explosion. #threejs
0:19

WebGPU Test. 100k animated goblins with explosion. #threejs

takahiro(John Smith)

30,346 views • 1 month ago

Why Threejs Plus? Because it’s Threejs, plus thousands of hours of expertise distilled into modular, interconnectable building blocks. SpatialGrid → Boids: const { instanceMatrix } = new Boids(300000) positionNode = instanceMatrix().mul(positionLocal) Powered by TSL & WebGPU
0:17

Why Threejs Plus? Because it’s Threejs, plus thousands of hours of expertise distilled into modular, interconnectable building blocks. SpatialGrid → Boids: const { instanceMatrix } = new Boids(300000) positionNode = instanceMatrix().mul(positionLocal) Powered by TSL & WebGPU

Renaud

64,432 views • 7 months ago

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap
0:13

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmap

Dan Greenheck

20,905 views • 6 months ago

Beautiful WebGPU render made with ThreeJS using a 3D attractor formula
0:15

Beautiful WebGPU render made with ThreeJS using a 3D attractor formula

Tommyedz ΑΩ

33,687 views • 1 year ago

Live edit your material nodes right from the Inspector. Powered by Bhushan Wagh's TSL Graph 🙏
0:11

Live edit your material nodes right from the Inspector. Powered by Bhushan Wagh's TSL Graph 🙏

Three.js

29,649 views • 2 months ago

Huggingface has entered their node editor era with Daggr (DAG-based Gradio workflows). Really really cool and well done
0:10

Huggingface has entered their node editor era with Daggr (DAG-based Gradio workflows). Really really cool and well done

Andrew Carr 🤸

29,325 views • 4 months ago

React Native WebGPU ❤️ ThreeJS
0:14

React Native WebGPU ❤️ ThreeJS

William Candillon

56,627 views • 1 year ago

New webGPU / threeJS rock shader loading!!
0:10

New webGPU / threeJS rock shader loading!!

👁️👁️👁️

27,430 views • 5 months ago

I just drew a "web crawler" with 100% code :) Live demo → #webgpu #tsl #r3f #creativecoding
0:11

I just drew a "web crawler" with 100% code :) Live demo → #webgpu #tsl #r3f #creativecoding

deadrabbbbit

27,982 views • 10 months ago

new stream, creating an infinite loop with numbers spiral, using #threejs, TSL and exponents
0:15

new stream, creating an infinite loop with numbers spiral, using #threejs, TSL and exponents

akella

18,556 views • 9 months ago

If you've tried getting AI to write TSL shaders, you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shaders
0:14

If you've tried getting AI to write TSL shaders, you know the pain: deprecated imports, phantom functions and compilation errors. In my latest blog post, I share a prompt to help you overcome these issues: Using the prompt, I was able to one-shot this particle simulation with Claude Opus 4.5. #threejs #webgl #webgpu #tsl #shaders

Dan Greenheck

61,499 views • 6 months ago

~2ms volumetric clouds in threejs/webgpu, we even got some shooting stars :)
0:19

~2ms volumetric clouds in threejs/webgpu, we even got some shooting stars :)

Erik

24,541 views • 2 months ago

Dropped some cool effects on Codrops ! Go check them out! #threejs #webgpu #creativecoding #r3f
0:11

Dropped some cool effects on Codrops ! Go check them out! #threejs #webgpu #creativecoding #r3f

deadrabbbbit

23,256 views • 1 year ago