Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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... show more

Dan Greenheck

5,701 subscribers

25,719 views • 5 months ago •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

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

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 views • 7 months ago

The #1 problem with coding agents right now: Ask them to solve one problem, and they will make 10 other changes you didn't want. This happens to me every day. It happens to everyone I talk to as well. We have a solution for this now. The team Augment Code released a "Task List" feature for their coding assistant that solves this problem. Augment Code is partnering with me on this post. In case you haven't used them before: • Augment Code is a fully-fledged coding assistant • Their specialty are large projects • Fastest coding indexing I've seen • Has a free forever community edition Now, you can ask their coding agent to generate a Task List before doing anything. This will give you a plan you can review, edit, and augment if you need to. You can export this plan, load it on a different session, or even share it across projects. It makes a huge difference: The task list constrains the agent so you won't get any "unintended" changes anymore. It also puts you in control of everything the agent does. Check the video to see the agent working through a task list. You can also try this 100% free: (By the way, they also have support for remote agents. You can basically have those agents write your code while you are sleeping.)

The #1 problem with coding agents right now: Ask them to solve one problem, and they will make 10 other changes you didn't want. This happens to me every day. It happens to everyone I talk to as well. We have a solution for this now. The team Augment Code released a "Task List" feature for their coding assistant that solves this problem. Augment Code is partnering with me on this post. In case you haven't used them before: • Augment Code is a fully-fledged coding assistant • Their specialty are large projects • Fastest coding indexing I've seen • Has a free forever community edition Now, you can ask their coding agent to generate a Task List before doing anything. This will give you a plan you can review, edit, and augment if you need to. You can export this plan, load it on a different session, or even share it across projects. It makes a huge difference: The task list constrains the agent so you won't get any "unintended" changes anymore. It also puts you in control of everything the agent does. Check the video to see the agent working through a task list. You can also try this 100% free: (By the way, they also have support for remote agents. You can basically have those agents write your code while you are sleeping.)

Santiago

41,738 views • 11 months ago

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

I'm back to working on my water simulator for interactive experiences using #threejs + #r3f. This time, I'm experimenting with #WebGPU and #TSL for better performance. I'm loving it more and more by the minute. The link and potentially a tutorial will be available soon. But if you want to play with the current version, it's available here: #creativecoding #r3f

Anderson Mancini

12,472 views • 1 year ago

Are you a #RobloxDev looking for NPCs to feature in your new game? Or a YouTube creator looking for characters to render in your video's thumbnail? Catalog Avatar Creator now allows you to export your outfits into Roblox Studio!!! Simply type "/export" in-game, and you will be prompted to save your current avatar into your Roblox Inventory as a package - which you can then insert into Roblox Studio from the Toolbox! #Roblox

Muneeb

114,637 views • 2 years ago

Need a little help building your islands? The Epic Developer Assistant Beta is here to lend a hand! This new AI-powered assistant helps you write Verse code for your UEFN projects, provides answers, workflow guidance, code snippets, and more. Check it out now on the Epic Developer Community:

Need a little help building your islands? The Epic Developer Assistant Beta is here to lend a hand! This new AI-powered assistant helps you write Verse code for your UEFN projects, provides answers, workflow guidance, code snippets, and more. Check it out now on the Epic Developer Community:

Fortnite Developers

118,161 views • 1 year ago

I present to you my latest fully vibeslopped "I didn't read the code" oeuvre: Jot A self-hosted collaborative markdown editor for you, your friends, and your agents. Like Google Docs, but worse. Try it with me here: Share a note, pick access (view/comment/edit), hand the link to a human or paste the CLI instructions into your agent. They can read, edit, and comment together in real-time.

I present to you my latest fully vibeslopped "I didn't read the code" oeuvre: Jot A self-hosted collaborative markdown editor for you, your friends, and your agents. Like Google Docs, but worse. Try it with me here: Share a note, pick access (view/comment/edit), hand the link to a human or paste the CLI instructions into your agent. They can read, edit, and comment together in real-time.

Mario Zechner

29,186 views • 3 months ago

$I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!$

I am having a lot of fun with this ThreeJS game. Will probably be spending more time on this cosy flyer game for #vibejam And btw, shaders are awesome! I highly recommend anyone building a 3D game to add some shaders to make your game look good. Here's a quick primer on the different types of shaders you can tell your AI to level up your game's graphics: - Noise-based shader for water refractions or shimmer - Fresnel shader for a nice rim lighting effect on your 3D game objects - Post-processing shader to change your game's color scheme dynamically - Post-processing shaders like the VHS effect that @levelsio use for the Drone flyer game - Shader effect to make the trees sway or objects wobble - and many more uses Shaders are incredibly versatile and useful. I would recommend you to go YT to check out some shader basics videos and come up with more creative uses for them!

Danny Limanseta

202,718 views • 3 months ago

I’m really excited to announce that the writing of The Shader Survival Guide is done! We’re now working on the final formatting for this e-book about shader development using Shader Graph in Unity. I also want to mention that this is an interactive e-book that will include a Unity 6 project with lots of shader samples to help you understand the topics covered. This book contains more than 500 pages of knowledge I’ve gained over 10 years working as a Technical Artist in the video game industry. It will be released in the last days of June, so if you’re interested in these topics, consider adding it to your wishlist! We’ll keep you updated with more news. #shader #shadergraph #madewithunity #shadersurvivalguide #hlsl #gamedev #gameart #vfx

I’m really excited to announce that the writing of The Shader Survival Guide is done! We’re now working on the final formatting for this e-book about shader development using Shader Graph in Unity. I also want to mention that this is an interactive e-book that will include a Unity 6 project with lots of shader samples to help you understand the topics covered. This book contains more than 500 pages of knowledge I’ve gained over 10 years working as a Technical Artist in the video game industry. It will be released in the last days of June, so if you’re interested in these topics, consider adding it to your wishlist! We’ll keep you updated with more news. #shader #shadergraph #madewithunity #shadersurvivalguide #hlsl #gamedev #gameart #vfx

Josue Ortigoza

22,821 views • 2 months ago

Introducing FlowMaker 🌊🤖 A fully open-source, low-code way of building custom agent workflows. Build agents via a drag and drop interface, run it directly in the app, and also directly export it into a deeply custom workflow backed by LlamaIndex 🦙.TS. It’s a fantastic visual tool to help you get started with agents but also gives you full customizability to build the deepest, most advanced workflows, since everything is backed by code. There’s a lot of great low-code agent tools already, but this is a fully-open source template that you can use or clone/customize for your own needs. It was a fun project by Laurie Voss and is intended to give users an easy-on ramp onto our powerful agent orchestration tooling. Also integrates with LlamaCloud in case you want to integrate your own knowledge base into your agent. FlowMaker app: FlowMaker Repo: LlamaCloud:

Introducing FlowMaker 🌊🤖 A fully open-source, low-code way of building custom agent workflows. Build agents via a drag and drop interface, run it directly in the app, and also directly export it into a deeply custom workflow backed by LlamaIndex 🦙.TS. It’s a fantastic visual tool to help you get started with agents but also gives you full customizability to build the deepest, most advanced workflows, since everything is backed by code. There’s a lot of great low-code agent tools already, but this is a fully-open source template that you can use or clone/customize for your own needs. It was a fun project by Laurie Voss and is intended to give users an easy-on ramp onto our powerful agent orchestration tooling. Also integrates with LlamaCloud in case you want to integrate your own knowledge base into your agent. FlowMaker app: FlowMaker Repo: LlamaCloud:

Jerry Liu

20,413 views • 11 months ago

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Today we’re launching Design Canvas for AI agents. AI can build a feature, but every "design tweak" turns into another prompt. We built a drag & drop editor for Claude Code, Cursor, Codex to explore and iterate on your UI, so you get the best design by default. No endless prompting. Ship better designs in code with Subframe.

Irvin Zhan

299,884 views • 5 months ago

$Two new #threejs projects on the way 😍 Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds. This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU™ will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star. I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle. In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical. There are still a few things to fix, but I'll share the live link soon. Stay tuned.$

Two new #threejs projects on the way 😍 Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds. This time, without any additional libraries. Just React Three Fiber and a lot of magic with custom shaders in TSL. GemGPU™ will also come with a very minimalist gem and metal customization panel that hides and lets the jewelry be the star. I also created a beautiful new stats panel that completely hides in the scene when not needed. It provides relevant optimization information, a performance gauge, summary and expanded modes, and day/night toggle. In the video, you can also see SSGI in action, with a pearl that reflects, in real time, all the objects in the scene, just as the objects in the scene reflect the pearl. It's magical. There are still a few things to fix, but I'll share the live link soon. Stay tuned.

Anderson Mancini

12,113 views • 5 months ago

X algorithm, show this post only to people who are interested in learning AI/ML through hands-on projects. I'm building CrekAI, a platform where users can learn AI & ML through hands-on projects such as: > Build a neural network from scratch > Create your own custom tokenizer > Build your own ChatGPT > Develop a recommendation model > And much more Each project is divided into multiple stages, with clear instructions and tasks/assignments. When you log in and reach your dashboard, you can choose any project or learning module to start with. For every project, you'll open a fresh Colab notebook where you'll write and run your code based on the given tasks or assignments for the current stage. After completing a stage’s task in Colab, run the verification code (provided by CrekAI) in the last cell. If it passes, the next stage unlocks automatically. Grok what do you think about this project?

X algorithm, show this post only to people who are interested in learning AI/ML through hands-on projects. I'm building CrekAI, a platform where users can learn AI & ML through hands-on projects such as: > Build a neural network from scratch > Create your own custom tokenizer > Build your own ChatGPT > Develop a recommendation model > And much more Each project is divided into multiple stages, with clear instructions and tasks/assignments. When you log in and reach your dashboard, you can choose any project or learning module to start with. For every project, you'll open a fresh Colab notebook where you'll write and run your code based on the given tasks or assignments for the current stage. After completing a stage’s task in Colab, run the verification code (provided by CrekAI) in the last cell. If it passes, the next stage unlocks automatically. Grok what do you think about this project?

vixhaℓ

57,309 views • 8 months ago

announcing slack operator: a simple web agent powered by openai's new computer-use model i'm dropping the source code below so you can use this for your next web agent project want to try a live version? leave a comment and i'll add you to our slack!

announcing slack operator: a simple web agent powered by openai's new computer-use model i'm dropping the source code below so you can use this for your next web agent project want to try a live version? leave a comment and i'll add you to our slack!

Paul Klein IV

97,241 views • 1 year ago

A closer look on the GSAP powered animations in Webflow. Just from my perspective. In short, it’s way more powerful than I first thought. The more I use it, the more I like it. Of course, there are some parts missing. But it's the first version. There's still a lot to come. For example, custom ease would already make a huge difference. Breakpoints. Maybe a way to add custom functions as sometimes you need to calculate stuff in JavaScript to get complex animations. The biggest part for me is that you can just build the animation inside a timeline. This makes it so much easier than writing it as code. You can fine tune it so much more. When there would be a way to export the tween as code to add some more functionality would be awesome. You can also add custom classes with the timeline, which can then be used in custom CSS to add more functionality. With a bit of custom code you can also use breakpoints for your animations. By using the custom event the animation can be used in custom code which can also be pretty powerful. Didn’t test it so much yet, but would be cool if you could just take the event and use for example the onComplete() from GSAP or other stuff. For example. let mm = gsap.matchMedia(); const module = Webflow.require("ix3"); module.ready().then(() => { mm.add( { isMobile: "(max-width: 992px)", }, (context) => { let { isMobile } = context.conditions; if (isMobile) { module.emit("Mobile Animation"); } } ); }); "Mobile Animation" is the name of your custom event. I hope that part will get more powerful. Something I miss on the timeline is that when you select more actions you can just drag all actions. It would be cool if you could move it frame by frame with the arrow keys, like in Jitter for example. Or just write a specific point like when you have one selected. For now I would further write the code myself, but I’m excited to see where it’s going. Maybe there will be a time where you could animate most parts inside Webflow 🙂 Can’t wait for the next GSAP update!

A closer look on the GSAP powered animations in Webflow. Just from my perspective. In short, it’s way more powerful than I first thought. The more I use it, the more I like it. Of course, there are some parts missing. But it's the first version. There's still a lot to come. For example, custom ease would already make a huge difference. Breakpoints. Maybe a way to add custom functions as sometimes you need to calculate stuff in JavaScript to get complex animations. The biggest part for me is that you can just build the animation inside a timeline. This makes it so much easier than writing it as code. You can fine tune it so much more. When there would be a way to export the tween as code to add some more functionality would be awesome. You can also add custom classes with the timeline, which can then be used in custom CSS to add more functionality. With a bit of custom code you can also use breakpoints for your animations. By using the custom event the animation can be used in custom code which can also be pretty powerful. Didn’t test it so much yet, but would be cool if you could just take the event and use for example the onComplete() from GSAP or other stuff. For example. let mm = gsap.matchMedia(); const module = Webflow.require("ix3"); module.ready().then(() => { mm.add( { isMobile: "(max-width: 992px)", }, (context) => { let { isMobile } = context.conditions; if (isMobile) { module.emit("Mobile Animation"); } } ); }); "Mobile Animation" is the name of your custom event. I hope that part will get more powerful. Something I miss on the timeline is that when you select more actions you can just drag all actions. It would be cool if you could move it frame by frame with the arrow keys, like in Jitter for example. Or just write a specific point like when you have one selected. For now I would further write the code myself, but I’m excited to see where it’s going. Maybe there will be a time where you could animate most parts inside Webflow 🙂 Can’t wait for the next GSAP update!

Eduard Bodak

12,590 views • 11 months ago

At I/O, we announced a big new export partner: Bolt by StackBlitz! ⚡️ bolt.new is an AI-powered builder that generates full-stack web apps directly in your browser. Now, you can take your Stitch screens from a visual concept to a fully coded application with a single click. Here is how it works: 🔹 Select your screens in Stitch 🔹 Click export 🔹 Your screens are automatically transferred to Bolt, ready to be built into a working product 🛠️ (Note: Bolt will accept up to 5 screens at a time for Bolt Free users, and up to 20 screens for Paid users)

At I/O, we announced a big new export partner: Bolt by StackBlitz! ⚡️ bolt.new is an AI-powered builder that generates full-stack web apps directly in your browser. Now, you can take your Stitch screens from a visual concept to a fully coded application with a single click. Here is how it works: 🔹 Select your screens in Stitch 🔹 Click export 🔹 Your screens are automatically transferred to Bolt, ready to be built into a working product 🛠️ (Note: Bolt will accept up to 5 screens at a time for Bolt Free users, and up to 20 screens for Paid users)

Stitch by Google

284,010 views • 1 month ago

For the first time we are fundamentally changing how humans can collaborate with ChatGPT since it launched two years ago. We’re introducing canvas, a new interface for working with ChatGPT on writing and coding projects that go beyond simple chat. Product and model features: 1/ Ask for in-line feedback. With canvas, ChatGPT can better understand the context of what you’re trying to accomplish. You can highlight specific sections to indicate exactly what you want ChatGPT to focus on. Like a copy editor or code reviewer, it can give in-line feedback and suggestions with the entire project in mind. 2/ Directly edit the model's output and select a specific area for targeted editing. You control your creative work on canvas. You can directly edit text or code. 3/ Menu of shortcuts. There’s a menu of shortcuts for you to ask ChatGPT to adjust writing length, debug your code, and quickly perform other useful actions. You can also restore previous versions of your work by using the back button in canvas. 4/ Use search with canvas for research writing! As we are moving towards the new paradigm of reasoning we are fundamentally evolving the chat interface into a more collaborative human-AI interaction. Today you can say “browse / use browsing to find XYZ on the internet and write a report in canvas”

For the first time we are fundamentally changing how humans can collaborate with ChatGPT since it launched two years ago. We’re introducing canvas, a new interface for working with ChatGPT on writing and coding projects that go beyond simple chat. Product and model features: 1/ Ask for in-line feedback. With canvas, ChatGPT can better understand the context of what you’re trying to accomplish. You can highlight specific sections to indicate exactly what you want ChatGPT to focus on. Like a copy editor or code reviewer, it can give in-line feedback and suggestions with the entire project in mind. 2/ Directly edit the model's output and select a specific area for targeted editing. You control your creative work on canvas. You can directly edit text or code. 3/ Menu of shortcuts. There’s a menu of shortcuts for you to ask ChatGPT to adjust writing length, debug your code, and quickly perform other useful actions. You can also restore previous versions of your work by using the back button in canvas. 4/ Use search with canvas for research writing! As we are moving towards the new paradigm of reasoning we are fundamentally evolving the chat interface into a more collaborative human-AI interaction. Today you can say “browse / use browsing to find XYZ on the internet and write a report in canvas”

Karina

845,588 views • 1 year ago

Introducing Agent Wikis! I've been using llm wikis (or knowledge bases) for research and videos for a while to ensure the information I'm providing is always up-to-date and accurate. Now you can access them for free! Just point your agent at to access wikis on many topics, including Hermes Agent, Hyperframes, Google Ads, and llama.cpp. They can be queried through a simple MCP server. Everything has been designed to be agent-friendly and lightweight (no context bloat). This is a beta release, so please let me know of any bugs or issues (I'm sure there are one or two). You can also join the waitlist if you would like us to create and maintain your own private wiki, or if you are a project owner you can request one for your project to make sure your users (and their agents) don't run into any common issues (and also be featured on the site). Thank you!

Introducing Agent Wikis! I've been using llm wikis (or knowledge bases) for research and videos for a while to ensure the information I'm providing is always up-to-date and accurate. Now you can access them for free! Just point your agent at to access wikis on many topics, including Hermes Agent, Hyperframes, Google Ads, and llama.cpp. They can be queried through a simple MCP server. Everything has been designed to be agent-friendly and lightweight (no context bloat). This is a beta release, so please let me know of any bugs or issues (I'm sure there are one or two). You can also join the waitlist if you would like us to create and maintain your own private wiki, or if you are a project owner you can request one for your project to make sure your users (and their agents) don't run into any common issues (and also be featured on the site). Thank you!

tonbi

39,074 views • 1 month ago

Here is how you turn a #GaussianSplatting into a walkable world with 2 clicks. First of all, do yourself a favour and try out PostShot. The splat you see was created from a 3-minute video taken with my phone. It ran for around 12 hours on a laptop with a 3060, and the output was beyond my expectations! That being said, whatever tool or app you use to create your Splat, you can import it directly into arrival.space from there you can: - Clean it up and compress it thanks to the direct integration with Supersplat Editor - Generate a rough mesh (that you can export with a paid plan and adjust in Blender ) - Explore it freely on the #web or in #VR Make sure to drop your Space in the comments. Would love to see it!

Here is how you turn a #GaussianSplatting into a walkable world with 2 clicks. First of all, do yourself a favour and try out PostShot. The splat you see was created from a 3-minute video taken with my phone. It ran for around 12 hours on a laptop with a 3060, and the output was beyond my expectations! That being said, whatever tool or app you use to create your Splat, you can import it directly into arrival.space from there you can: - Clean it up and compress it thanks to the direct integration with Supersplat Editor - Generate a rough mesh (that you can export with a paid plan and adjust in Blender ) - Explore it freely on the #web or in #VR Make sure to drop your Space in the comments. Would love to see it!

Gabriele Romagnoli

12,086 views • 1 year ago

🚀 Big News: Softr for Notion is here! You can now turn your Notion databases into secure, custom apps — client and member portals, CRMs, directories, inventory trackers, and more. Softr makes it easy to build exactly what you need and set granular permissions, no code required. The best part? It’s available on our FREE plan, so you can dive in and start building right away.

🚀 Big News: Softr for Notion is here! You can now turn your Notion databases into secure, custom apps — client and member portals, CRMs, directories, inventory trackers, and more. Softr makes it easy to build exactly what you need and set granular permissions, no code required. The best part? It’s available on our FREE plan, so you can dive in and start building right away.

Softr

14,677 views • 1 year ago