Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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 Aufrufe • vor 5 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche 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 Aufrufe • vor 6 Monaten

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

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

Dan Greenheck

33,997 Aufrufe • vor 4 Monaten

More updates to the Shader Graph Editor! Now, with markdown nodes. Write an article, book, blog, and notes, all with embedded shaders. Here's an article by patricio gonzalez vivo on Algorithmic drawing from The Book of Shaders in a fully interactive playground.

More updates to the Shader Graph Editor! Now, with markdown nodes. Write an article, book, blog, and notes, all with embedded shaders. Here's an article by patricio gonzalez vivo on Algorithmic drawing from The Book of Shaders in a fully interactive playground.

Palash Bansal

36,762 Aufrufe • vor 2 Jahren

Level up your Shader skills 🖥️🎨 Master the fundamentals of Shader Graph by building 8+ real-time visual effects. Learn to navigate the interface, work with nodes, and create a final portfolio piece to showcase your skills. Ready to build? Check out the course:

Level up your Shader skills 🖥️🎨 Master the fundamentals of Shader Graph by building 8+ real-time visual effects. Learn to navigate the interface, work with nodes, and create a final portfolio piece to showcase your skills. Ready to build? Check out the course:

Unity for Games

15,216 Aufrufe • vor 2 Monaten

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 Aufrufe • vor 11 Monaten

Procedural smoke/fire/wave offset Shader Graph. Nodes + custom function code for Unity. 🔥 Give it a hand-drawn or animated style by posterizing the phase (time) input: see 🧵 for more.

Procedural smoke/fire/wave offset Shader Graph. Nodes + custom function code for Unity. 🔥 Give it a hand-drawn or animated style by posterizing the phase (time) input: see 🧵 for more.

Mirza Beig

48,778 Aufrufe • vor 1 Jahr

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Live: Source: You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. It works like a dream😍. I added the Royal Naboo starship in the scene to show how Screen Space Reflections reacts to all metallic surfaces, not just the floor. I hope you like it. Please give me a star⭐️on GitHub if you can. #threejsJourney

Anderson Mancini

20,221 Aufrufe • vor 1 Jahr

You can now organize chats with Claude into shareable Projects. Each project includes a 200K context window, so you can include relevant documents, code, and files.

You can now organize chats with Claude into shareable Projects. Each project includes a 200K context window, so you can include relevant documents, code, and files.

Anthropic

501,497 Aufrufe • vor 2 Jahren

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

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 1 Jahr

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

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

Gary Simon

87,245 Aufrufe • vor 1 Jahr

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,328 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 1 Jahr

KodeLife real-time GPU shader editor update out today! We've improved the UI + info for the current renderer and finally added more metadata to the built-in example projects - for more info about the authors + links back to web, Shadertoy or Github sources. Happy Koding!

KodeLife real-time GPU shader editor update out today! We've improved the UI + info for the current renderer and finally added more metadata to the built-in example projects - for more info about the authors + links back to web, Shadertoy or Github sources. Happy Koding!

KodeLife

17,603 Aufrufe • vor 2 Jahren

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 Aufrufe • vor 3 Monaten

Codex now runs inside JetBrains IDEs Plan, write, test, review, and ship code without leaving your code editor Starting today, you can use Codex with your ChatGPT plan in IntelliJ, PyCharm, WebStorm, and Rider, powered by GPT-5.2 Codex

Codex now runs inside JetBrains IDEs Plan, write, test, review, and ship code without leaving your code editor Starting today, you can use Codex with your ChatGPT plan in IntelliJ, PyCharm, WebStorm, and Rider, powered by GPT-5.2 Codex

OpenAI Developers

164,158 Aufrufe • vor 5 Monaten

Introducing GLSL Captcha. Pass the test by guessing the correct output for the GLSL shader code:

Introducing GLSL Captcha. Pass the test by guessing the correct output for the GLSL shader code:

Xor

53,885 Aufrufe • vor 1 Jahr

$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 Aufrufe • vor 3 Monaten