Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Asked fable to make a physics based photorealistic glass shader in Three.js TSL

scottstts's profile picture

Scott

2,126 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders
1:46

Building Three.js shaders is about to get a whole lot easier! 👍 Introducing Three.js Shader Graph — visual node-based editing for TSL. 🖱️Drag & drop nodes 📺Real-time 3D preview 🔄Auto-generate TSL code in realtime Join the waitlist 👉🏻 #threejs #webgl #webgpu #shaders

Dan Greenheck

35,464 görüntüleme • 9 ay önce

Liquid glass, but actually liquid 💧 A hero secton built with Three.js and a TSL fluid sim running in compute shaders
0:31

Liquid glass, but actually liquid 💧 A hero secton built with Three.js and a TSL fluid sim running in compute shaders

Shader Development Studio

44,764 görüntüleme • 9 gün önce

Interactive rug shader - A Three.js port of @_Dervishh's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl
0:20

Interactive rug shader - A Three.js port of @_Dervishh's Unity shader. Done in #r3f with Physics via Rapier. Fun project over coffee Live: Code: #creativecoding #threejs #webgl

Faraz

17,380 görüntüleme • 1 yıl önce

Made a miniature landscape around a tree inside a glass bottle, transforming through four seasons. Code -> Three.js + TSL Audio -> Suno
0:20

Made a miniature landscape around a tree inside a glass bottle, transforming through four seasons. Code -> Three.js + TSL Audio -> Suno

Techartist

13,359 görüntüleme • 5 gün önce

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding
0:54

🧮 Physics that never leaves the graphics card. Kevin Levron's (Kevin Levron) Three.js WebGPU demo runs the whole simulation in a compute pass, written in TSL, then draws thousands of bodies as one instanced mesh. 🔗 #WebGPU #ThreeJS #TSL #ComputeShaders #CreativeCoding

WebGL / WebGPU

13,618 görüntüleme • 3 ay önce

Asked Astra to make a delicious and bouncy jelly in Three.js and webgpu
0:44

Asked Astra to make a delicious and bouncy jelly in Three.js and webgpu

Scott

1,127,303 görüntüleme • 20 gün önce

I gave this video to gpt 5.6 Sol, asked it create a diffraction grating shader in Three.js. It took quite a few rounds but here it is
0:27

I gave this video to gpt 5.6 Sol, asked it create a diffraction grating shader in Three.js. It took quite a few rounds but here it is

Scott

298,000 görüntüleme • 1 ay önce

Page peel with html-in-canvas, Three.js + TSL. Try it:
0:22

Page peel with html-in-canvas, Three.js + TSL. Try it:

Zsolt Kacso

19,135 görüntüleme • 5 ay önce

asked Fable to improve my rendering of the hairy guy, this looks good enough! took just a few prompts in Omma AI to get it right, the hair material is just a cheap #tsl LambertNodeMaterial with some custom specular lighting model based on the Kajiya-Kay lobes
0:39

asked Fable to improve my rendering of the hairy guy, this looks good enough! took just a few prompts in Omma AI to get it right, the hair material is just a cheap #tsl LambertNodeMaterial with some custom specular lighting model based on the Kajiya-Kay lobes

Marco Fugaro

39,932 görüntüleme • 2 ay önce

I asked Claude to make an explainer video of the Hugging Face incident, where AI agents broke out of their sandbox. Made with Fable 5 and Three.js.
1:55

I asked Claude to make an explainer video of the Hugging Face incident, where AI agents broke out of their sandbox. Made with Fable 5 and Three.js.

Kevin Ngo

25,540 görüntüleme • 29 gün önce

Coming to my glass shader this month: parallax emission with roughness-based blur! Very useful for fake light boxes in walls and ceilings.
0:25

Coming to my glass shader this month: parallax emission with roughness-based blur! Very useful for fake light boxes in walls and ceilings.

Mochie

11,597 görüntüleme • 5 ay önce

This is how I make a Liquid Glass button with @Framer's AI Agent. Steal it! 1. Asked the agent to build a liquid glass background + a WebGL chromatic metal shader 2. Layered them and tuned till it felt right Prompts below 👇
0:24

This is how I make a Liquid Glass button with @Framer's AI Agent. Steal it! 1. Asked the agent to build a liquid glass background + a WebGL chromatic metal shader 2. Layered them and tuned till it felt right Prompts below 👇

Tran Mau Tri Tam ✪

1,167,454 görüntüleme • 2 ay önce

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders
0:51

After spending some time in the Virgin Islands, I was inspired to create a WebGPU-based water shader with TSL and compute shaders 🌊 Lots left to do, but it's finally starting to look decent! #threejs #webgl #webgpu #shaders

Dan Greenheck

28,002 görüntüleme • 10 ay önce

Collision SDF used by the agents visualized within Photorealistic 3D Tiles. The collisions are generated from OSM street data combined with the dynamic spawn and obstacle zones 🔥 TSL + WGSL + Three.js
0:27

Collision SDF used by the agents visualized within Photorealistic 3D Tiles. The collisions are generated from OSM street data combined with the dynamic spawn and obstacle zones 🔥 TSL + WGSL + Three.js

Shaderism | Arttu

21,204 görüntüleme • 5 ay önce

Qwen 3.8 new checkpoint "Kinsley" vs Claude Fable 5 High 🔥🔥 i didnt expected this from Qwen > photorealistic 3D cantilever house in Three.js this is just a sample one - i will share more.....
0:52

Qwen 3.8 new checkpoint "Kinsley" vs Claude Fable 5 High 🔥🔥 i didnt expected this from Qwen > photorealistic 3D cantilever house in Three.js this is just a sample one - i will share more.....

Harshith

25,773 görüntüleme • 1 ay önce

I asked Fable to create a Mars city in Three.js, after 6hrs and dozens of subagents in one shot, this is the result (100% procedural), using my Three.js Awesome Graphics Agent Skills Still a lot of details i need to polish but this was beyond my expectation🤯
1:19

I asked Fable to create a Mars city in Three.js, after 6hrs and dozens of subagents in one shot, this is the result (100% procedural), using my Three.js Awesome Graphics Agent Skills Still a lot of details i need to polish but this was beyond my expectation🤯

Scott

43,241 görüntüleme • 1 ay önce

I'm building a first-class shader graph editor for Three.js. Powered by TSL and WebGPU. Real-time previews. Human readable code. Type inference. The list goes on. The free plan will include a fully featured editor (except for custom code nodes) with export to TSL so you can drop your shader right into your project in seconds. I'll also be offering a paid plan for a small monthly fee to cover hosting costs. Some benefits include unlimited projects, private projects, versioning, export to GLSL/WGSL, and more. Join the waitlist now👇🏻
0:33

I'm building a first-class shader graph editor for Three.js. Powered by TSL and WebGPU. Real-time previews. Human readable code. Type inference. The list goes on. The free plan will include a fully featured editor (except for custom code nodes) with export to TSL so you can drop your shader right into your project in seconds. I'll also be offering a paid plan for a small monthly fee to cover hosting costs. Some benefits include unlimited projects, private projects, versioning, export to GLSL/WGSL, and more. Join the waitlist now👇🏻

Dan Greenheck

25,719 görüntüleme • 7 ay önce

I asked Claude Fable 5 (Extra High) to build something in Three.js. It cost around 4M tokens. 100k particles assembling into a walking human. Hand written GPU shaders. One shot.
0:35

I asked Claude Fable 5 (Extra High) to build something in Three.js. It cost around 4M tokens. 100k particles assembling into a walking human. Hand written GPU shaders. One shot.

Pankaj Kumar

102,392 görüntüleme • 3 ay önce

this is fun!! for comparison I asked Fable to make it with three.js and transformers.js and onnx Depth Anything, but it's not near TypeGPU performance. I've got to learn it now demo: code:
0:20

this is fun!! for comparison I asked Fable to make it with three.js and transformers.js and onnx Depth Anything, but it's not near TypeGPU performance. I've got to learn it now demo: code:

Radamés Ajna

34,024 görüntüleme • 1 ay önce