Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

MathisBiabiany's profile picture

Mathis Biabiany

2,562 subscribers

10,090 Aufrufe • vor 1 Monat •via X (Twitter)

#webgpu#tsl#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 11 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 7 Monaten

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

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

苏打白.Dev

22,676 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 4 Monaten

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 Aufrufe • vor 7 Monaten

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

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

takahiro(John Smith)

30,346 Aufrufe • vor 1 Monat

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 Aufrufe • vor 6 Monaten

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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 4 Monaten

React Native WebGPU ❤️ ThreeJS
0:14

React Native WebGPU ❤️ ThreeJS

William Candillon

56,633 Aufrufe • vor 1 Jahr

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

New webGPU / threeJS rock shader loading!!

👁️👁️👁️

27,430 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 9 Monaten

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 Aufrufe • vor 6 Monaten

~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 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 1 Jahr