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

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

На главную

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

mustache_dev's profile picture

Alex

4,879 subscribers

14,943 просмотров • 5 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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

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

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

Mathis Biabiany

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

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

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

New Three.js PR: InstancedSkinnedMesh Per-instance skeletal animation for animated crowds -- with shadows, postprocessing, and full TSL support. Vertex animation: material.skinningNode = instancedSkinning Compute animation: material.skinningNode = computeInstancedSkinning
0:12

New Three.js PR: InstancedSkinnedMesh Per-instance skeletal animation for animated crowds -- with shadows, postprocessing, and full TSL support. Vertex animation: material.skinningNode = instancedSkinning Compute animation: material.skinningNode = computeInstancedSkinning

Renaud

34,751 просмотров • 23 дней назад

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

What's strange to me is that there's a bunch of really sick visual experiments being achieved with Three.js /tsl, but very few actual games. This is one of the best ones I've seen so far.. Give me more examples!
0:18

What's strange to me is that there's a bunch of really sick visual experiments being achieved with Three.js /tsl, but very few actual games. This is one of the best ones I've seen so far.. Give me more examples!

Gary Simon

41,876 просмотров • 27 дней назад

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

Playing with SuperSplat v2.16 for editing and combining gaussian splats. Very fast & easy to use, open source, and web based! PlayCanvas #GaussianSplatting
0:19

Playing with SuperSplat v2.16 for editing and combining gaussian splats. Very fast & easy to use, open source, and web based! PlayCanvas #GaussianSplatting

Jason Key

68,602 просмотров • 6 месяцев назад

Very convenient and easy to use.
0:17

Very convenient and easy to use.

YabaLeftOnline

76,357 просмотров • 14 дней назад

Prototyping a WebGPU compute rasterizer for Gaussian Splats at PlayCanvas. No quads, no draw calls — just pure compute shaders blending of splats per tile. Here's the tile load heatmap.
0:17

Prototyping a WebGPU compute rasterizer for Gaussian Splats at PlayCanvas. No quads, no draw calls — just pure compute shaders blending of splats per tile. Here's the tile load heatmap.

Martin Valigursky

21,933 просмотров • 3 месяцев назад

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

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL
0:18

Open-sourcing the Next.js Nights shader! Live: Source: Made with Three.js TSL

Matias 🧉

12,954 просмотров • 15 дней назад

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)
0:13

introducing: magnetic grid animation for Framer use this component to create responsive image grids that react to your cursor with scale, rotation, magnetism, and more. comment 'GRID' and i’ll send you the component :)

Framer University

26,734 просмотров • 11 месяцев назад

Dreamy rain using the particle system (no shaders) in #unity3d 💫 #vfx #realtimevfx #gamedev
0:12

Dreamy rain using the particle system (no shaders) in #unity3d 💫 #vfx #realtimevfx #gamedev

Hoon

415,682 просмотров • 1 год назад

made this pixelart grass running at 120fps in the Browser, thanks to Three.js and WebGPU
0:11

made this pixelart grass running at 120fps in the Browser, thanks to Three.js and WebGPU

Erik

37,173 просмотров • 10 месяцев назад

Voronoi diagram with perfect cell boundaries <Voronoi /> is another React component from our Paper-design/shaders package All glory to inigo quilez for original algo (such a big fan I am!) shaders demo & docs: paper app:
0:12

Voronoi diagram with perfect cell boundaries <Voronoi /> is another React component from our Paper-design/shaders package All glory to inigo quilez for original algo (such a big fan I am!) shaders demo & docs: paper app:

Ksenia Kondrashova

25,459 просмотров • 7 месяцев назад

I did something → Sound on & bring friends with you. Open to new opportunities. WebGPU Three.js
0:16

I did something → Sound on & bring friends with you. Open to new opportunities. WebGPU Three.js

Samsy 👾🥷🏼

43,813 просмотров • 9 месяцев назад

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

Following on from last week's GPT 5.5 experiments... Did more experimenting with HTML-in-Canvas to create more interesting page transitions Using our favourite animation library GSAP + the PixiJS Skills Very impressed with how well GPT 5.5 can create WebGL/WebGPU shaders
0:10

Following on from last week's GPT 5.5 experiments... Did more experimenting with HTML-in-Canvas to create more interesting page transitions Using our favourite animation library GSAP + the PixiJS Skills Very impressed with how well GPT 5.5 can create WebGL/WebGPU shaders

PixiJS

38,431 просмотров • 1 месяц назад