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,560 subscribers

10,121 views • 3 months 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

76,356 views • 1 year 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,486 views • 10 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 • 10 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

99,690 views • 8 months ago

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

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

苏打白.Dev

22,676 views • 4 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 • 6 months 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,678 views • 9 months ago

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

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

takahiro(John Smith)

30,537 views • 3 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,928 views • 8 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,698 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,800 views • 4 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 • 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

28,425 views • 11 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 • 10 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,631 views • 7 months ago

kinda obsessed with this bit
0:10

kinda obsessed with this bit

jay 🩷

17,639 views • 1 year ago

Released initial support for WebGPU/TSL in @takram/three-atmosphere. It features much faster LUT generation, physically correct lighting at large-scale scenes, geometry-based lens flare/glare effect and more. It took longer than I anticipated.
0:18

Released initial support for WebGPU/TSL in @takram/three-atmosphere. It features much faster LUT generation, physically correct lighting at large-scale scenes, geometry-based lens flare/glare effect and more. It took longer than I anticipated.

Shota Matsuda 松田 聖大

19,856 views • 8 months ago

kinda obsessed with rio’s witch laugh
0:17

kinda obsessed with rio’s witch laugh

gigi 🍃

161,424 views • 1 year ago

kinda obsessed with these line deliveries
0:19

kinda obsessed with these line deliveries

💜Wolfgang💜

262,443 views • 11 months ago