Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

MathisBiabiany's profile picture

Mathis Biabiany

2,562 subscribers

10,090 görüntüleme • 1 ay önce •via X (Twitter)

#webgpu#tsl#threejs
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

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

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

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

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

苏打白.Dev

22,676 görüntüleme • 3 ay önce

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

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

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

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

takahiro(John Smith)

30,346 görüntüleme • 1 ay önce

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

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

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

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

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

New webGPU / threeJS rock shader loading!!

👁️👁️👁️

27,430 görüntüleme • 5 ay önce

React Native WebGPU ❤️ ThreeJS
0:14

React Native WebGPU ❤️ ThreeJS

William Candillon

56,633 görüntüleme • 1 yıl önce

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

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

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

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

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