Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

I made a visual shader editor for Three.js... and I'm ready for people to start breaking it! 🔨💥

dangreenheck's profile picture

Dan Greenheck

8,090 subscribers

33,997 görüntüleme • 6 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

interactive topographic 3D landscape with a CRT shader running on three.js 🔥 2026 feeling like 1996 and I'm here for it.
1:11

interactive topographic 3D landscape with a CRT shader running on three.js 🔥 2026 feeling like 1996 and I'm here for it.

Taylor

71,613 görüntüleme • 5 ay önce

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵
0:21

First time creating a shader for a physical space, made a visualizer using Three.js Some explorations below 🧵

Matias 🧉

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

Today I'm presenting Omma Face Studio, a web-based MetaHuman editor with direct sync to your webcam. I developed it in Omma AI using Google's GNM engine: a complete 3D parametric human model, which I was able to adapt for Three.js.
1:02

Today I'm presenting Omma Face Studio, a web-based MetaHuman editor with direct sync to your webcam. I developed it in Omma AI using Google's GNM engine: a complete 3D parametric human model, which I was able to adapt for Three.js.

Joseph Azar

49,690 görüntüleme • 1 ay önce

I don’t know about y’all but I’m ready for people to start going to jail for what they’ve done.” We the people are ready for some accountability to start happening!
1:00

I don’t know about y’all but I’m ready for people to start going to jail for what they’ve done.” We the people are ready for some accountability to start happening!

KᗴᒪᒪᗴY ✰

89,590 görüntüleme • 1 yıl önce

Made a lil data viewer node for the shader editor✨ Comes in handy when working with exact values!
0:25

Made a lil data viewer node for the shader editor✨ Comes in handy when working with exact values!

Nugget 🏳️‍🌈

19,737 görüntüleme • 2 yıl önce

I recorded a 16-min video on how I use Codex to prompt these insane Three.js and shader landing pages
16:23

I recorded a 16-min video on how I use Codex to prompt these insane Three.js and shader landing pages

Meng To

67,326 görüntüleme • 1 ay önce

I was playing around and made a neat shader. I'll throw it in poiyomi so people can play with it.
0:24

I was playing around and made a neat shader. I'll throw it in poiyomi so people can play with it.

poiyomi

38,319 görüntüleme • 9 ay önce

Something I made a little while ago -- a blur implementation in the shader editor. Uses a custom node with a kernel to easily do sharpening etc with it too! It's interesting to play with for camera distance based blurring :3 #blender3d #b3d
1:50

Something I made a little while ago -- a blur implementation in the shader editor. Uses a custom node with a kernel to easily do sharpening etc with it too! It's interesting to play with for camera distance based blurring :3 #blender3d #b3d

ruki

41,629 görüntüleme • 3 yıl önce

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 • 8 ay önce

I'm so close to abstract @_@ ... But instead I made this shader :D #TheAmazingDigitalCircus #substance #substancedesigner #shader #3danimation
1:29

I'm so close to abstract @_@ ... But instead I made this shader :D #TheAmazingDigitalCircus #substance #substancedesigner #shader #3danimation

zorryn_art

48,172 görüntüleme • 5 ay önce

I made a digital girl made for Hangzhou Holoflow👌 #unity3d #shader #RealTime
0:28

I made a digital girl made for Hangzhou Holoflow👌 #unity3d #shader #RealTime

Sakura Rabbit 樱花兔

178,354 görüntüleme • 3 yıl önce

It was time for a Three.js Journey update. I had so many things to announce, I made a little video 🎬 The links: - First Three.js Project: - Debug UI: - Materials: - Challenges: - Selection: - Discount: #threejsJourney #threeJs
3:54

It was time for a Three.js Journey update. I had so many things to announce, I made a little video 🎬 The links: - First Three.js Project: - Debug UI: - Materials: - Challenges: - Selection: - Discount: #threejsJourney #threeJs

Bruno Simon

44,184 görüntüleme • 2 yıl ö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

295,937 görüntüleme • 15 gün önce

Tired of waiting for the "New Siri" so I built it myself. Combining Google Gemini AI Live with WebGPU for a 3D-aware "Visual Intelligence" prototype. - Three.js for Apple Intelligence glow shader. - Depth-Anything Local ML for real-time 3D scanning effect. - Gemini Live for Multimodal voice + vision. Built with Omma AI. Lmk if you would like to try or remix! Anyone here planning to go to WWDC26?
0:20

Tired of waiting for the "New Siri" so I built it myself. Combining Google Gemini AI Live with WebGPU for a 3D-aware "Visual Intelligence" prototype. - Three.js for Apple Intelligence glow shader. - Depth-Anything Local ML for real-time 3D scanning effect. - Gemini Live for Multimodal voice + vision. Built with Omma AI. Lmk if you would like to try or remix! Anyone here planning to go to WWDC26?

Gábor Pribék

48,030 görüntüleme • 3 ay önce

So I was trying the VRchat water physics thing again, I realized Poiyomi wasn't going to cut it for what I wanted to do. So, I actually managed to make my own shader using Amplify shader editor that did what I wanted it to do. To my surprise, it actually worked...
0:21

So I was trying the VRchat water physics thing again, I realized Poiyomi wasn't going to cut it for what I wanted to do. So, I actually managed to make my own shader using Amplify shader editor that did what I wanted it to do. To my surprise, it actually worked...

Modern

24,944 görüntüleme • 2 yıl önce

I'm summer READY. I made your summer plans for you, go to
0:24

I'm summer READY. I made your summer plans for you, go to

bert kreischer

148,911 görüntüleme • 2 yıl önce

I'm building a visual editor for vibe-generated backends that lets you sync changes back to code. Like Lovable's Visual Edit, but for backend logic and workflows. Check out this demo with Convex Chef :) Curious about what you think!
1:12

I'm building a visual editor for vibe-generated backends that lets you sync changes back to code. Like Lovable's Visual Edit, but for backend logic and workflows. Check out this demo with Convex Chef :) Curious about what you think!

Alessia

50,218 görüntüleme • 1 yıl önce

Finally, a NO CODE Editor for WebGL & Shader Effects!? Unicorn Studio
2:11

Finally, a NO CODE Editor for WebGL & Shader Effects!? Unicorn Studio

Gary Simon

87,245 görüntüleme • 1 yıl önce

I made a simple shader for Maya that has dynamic shadows and lighting, it looked so good I've spent the last three days admiring it
1:47

I made a simple shader for Maya that has dynamic shadows and lighting, it looked so good I've spent the last three days admiring it

Martin

89,278 görüntüleme • 1 yıl önce