NodeToy

@nodetoy

The shader tool for the Web

- Create, fork and publish shader graphs with the world using a user friendly tool built for all.

discord.gg/9ZbGRgZWeV

nodetoy.coJoined December 2021

34 Following

3,439 Followers

NodeToy’s Tweets

Pinned Tweet

NodeToy

@nodetoy

Dec 14, 2022

Introducing NodeToy🌈 – The ultimate web shader editor for

@threejs

and React-Three-Fiber

@pmndrs

! Now available to EVERYONE!🤩With over 150 nodes and a powerful material editor, create stunning graphics and effects that will leave your audience in awe!👉nodetoy.co👈

1:25

18.9K views

180

945

It's no masterpiece but safe to say I couldn't get anywhere near this without

@nodetoy

. Trying to get a stylised water but mainly messing with all the nodes. So addictive! #threejs #webgl #threejsjourney

NodeToy's functions will unlock a lot of potential 🔥 🍬 One function, infinite candy canes 🍭 Soon, in the next release 👀

🌈 A lot of new nodes in the next big release...🤫 Can you guess which ones? ✨Coming soon✨

In love with those 😍✨

Quote Tweet

David Ville

@ElDavidVille

Jan 21

The Kamado siblings shader using @nodetoy I really wanted to try to make Nezuko's pattern, and also added Tanjiro's patter just for fun. app.nodetoy.co/file/e3c85c65-

NodeToy

@nodetoy

Jan 19

🚨Get ready to level up your shader game!🌈NodeToy is getting custom function nodes. Create, share, and reuse functions, streamlining your workflow and allowing you to create stunning visual effects like never before. Soon in your browser✨ #threejs #gamedev #indiegames #webgl

NodeToy

@nodetoy

Jan 17

With these new mouse and keyboard nodes you can now create awesome interactive shaders ✨🔥 👉 app.nodetoy.co

Introducing our first tutorial of a mini-series that goes over the basic nodes to get you started with NodeToy and create awesome materials!✨ Understanding the basics is fundamental to start creating more complex shaders and becoming a node master 🧙 👉 youtu.be/CKByPdWLSBQ

NodeToy

@nodetoy

Jan 14

Procedural carbon fiber shader ✅🤯 By

@ElDavidVille

✨ 👉 app.nodetoy.co/file/2ae36a42-

GIF

NodeToy

@nodetoy

Jan 8

Game on 😎

Quote Tweet

Lix

@holoShaderGirl

Jan 6

Nodes fire challenge @bruno_simon ?

Made in @nodetoy

Graph

app.nodetoy.co/file/480d9f6e-

GIF

NodeToy

@nodetoy

Jan 4

We have something for you

!😉

✨New update!🤩👇 🪅Create procedural normal maps using the new Normal from Height and Normal Sobel from Height Map nodes! 🫰Snap nodes to the graph's grid 🌊New Waves nodes (Noise Sine, Sawtooth, Square, Triangle) 👉app.nodetoy.co

192

𝓯𝓵𝓾𝓯𝓸𝓻𝓶 — An #AR #NFT using #WebXR Works directly on your headset (here

@MetaQuestVR

Pro) or on Mobile! 🔮fxhash.xyz/generative/229 #r3f

@nodetoy

#NFT #tezos #tezoscollector

@fx_hash_

#fxhash #generativeart

Made with NodeToy 🥹👏

Quote Tweet

matesteinforth.tez

@MateSteinforth

Dec 30, 2022

Playing around with #WebXR @reactjs @pmndrs #r3f @nodetoy @threejs on @MetaQuestVR Pro

0:17

11.4K views

NodeToy

@nodetoy

Dec 29, 2022

👁 Check out this new eyeball shader by Trixy! 👀 👉 app.nodetoy.co/file/f61a367f-

GIF

NodeToy

@nodetoy

Dec 27, 2022

Happy holidays everyone🎄 Check out this awesome Xmas tree shader from

@holoShaderGirl

✨

Quote Tweet

Lix

@holoShaderGirl

Dec 27, 2022

Adapted this cool xmas shader from @kishimisu using @nodetoy new Image master

GIF

NodeToy

@nodetoy

Dec 24, 2022

New update!✨👇 🪄Export your shader to

@codesandbox

in one click for #r3f and

@threejs

🎨 New "Image" master type for full screen shader 💖Minimize, drag, resize the preview ⚡New mouse and keyboard events Nodes 🤩Self host your shaders! 🙏Shader by

428

Check out this really cool shader by

@NealMenhinick

🤩 Great to see what you all are creating with NodeToy💖

Quote Tweet

Neal

@NealMenhinick

Dec 21, 2022

Recent experiment using @nodetoy #shader for @threejs Game changer! Can't wait to use custom textures

0:23

3.8K views

NodeToy

@nodetoy

Dec 21, 2022

💭How to magically add a comment from a selection in 2️⃣ steps: 👍Drag on an empty space to create a selection box ✌️Without releasing the mouse, press C 🪄 Voila! A Comment box is created! ✨

GIF

NodeToy

@nodetoy

Dec 19, 2022

❤️❤️

Quote Tweet

Game From Scratch

@gamefromscratch

Dec 18, 2022

Today we check out NodeToy, a free beta node based shader editor. youtu.be/UN8XLl2E87I #gamedev #indiedev

NodeToy

@nodetoy

Dec 19, 2022

⚗️ Dynamically changing and constrained pins type 📏 Toggle between smooth and straight lines

GIF

NEW nodes, NEW look!✨ 🔥 Node's pins now have letters and colors based on their type 🌈 Gradient connections based on input and output types 🎲 New constants, math, noise, and patterns nodes 🌀 New buttons to delete the node and toggle its preview 👉 nodetoy.co

Recreated in

the hex grid step by step from the amazing

@BenCloward

tutorial (youtu.be/hc6msdFcnA4) 💖 Created a material instance to play with parameters ✨ Featured in NodeToy Beta2.0 trailer 🔥

We launched on

! 😻 Come upvote NodeToy 👉

producthunt.com

NodeToy - Product Information, Latest Updates, and Reviews 2023 | Product Hunt

NodeToy is a web-based tool that allows users to create, edit, and publish shader graphs. These graphs can used to create materials and effects for ThreeJS and React-Three-Fiber projects, allowing...

NodeToy

@nodetoy

Oct 13, 2022

NodeToy Beta 2.0 is almooost here 🌈 Are you ready? 👉 Model from

@splinetool

👉 Materials made with NodeToy 👉 Exported to

We have temporarily stopped sending Beta invites since we have been working on a major release for this summer that includes a big refactor and many features ✨🌈 Thanks for all the useful feedback provided by the Beta creators 😘 Stay tuned 🚀

NodeToy

@nodetoy

Jun 2, 2022

🌈NodeToy tutorial #003 - 👉 Change the editor's appearance - Learn how to toggle between day☀️ and night🌒mode

🚨Get ready! NodeToy Beta is here!🌈🥳 We are excited to announce that our private beta has landed, with over 150 nodes✨Create, fork and publish shader graphs with others💫 Expect our first wave of invite codes today🎟️join us on discord for more discord.gg/9ZbGRgZWeV 👈

288

🌈NodeToy tutorial #002 - 👉Texture Sampler🖼️ & Texture Coordinate node🗺️ - Learn how to quickly sample a texture, change its tilling and offset properties using the Texture Coordinate node. Do you like cats?🐈

🌈NodeToy tutorial #001 - 👉Color🎨& Lerp node🎢- Learn how to quickly blend two colors together to make a gradient using the Texture Coordinate node. Let us know what you think🤩

Thank you everyone for the more than positive feedback! 🥰 We are almost ready, private beta invites will arrive very soon! 🎟️In the meantime we would love to invite you all to our brand new discord💜✨discord.gg/9ZbGRgZWeV

Excited to finally share a sneak peek into what we’ve been up to!🎉 NodeToy is the shader tool for the web.🌈🤩 Create, fork and publish shader graphs with others and export to

@threejs

and React-Three-Fiber

@pmndrs

! Be the first to try it on nodetoy.co🎈

0:40

111.7K views

620

4,271

NodeToy

@nodetoy

Mar 22, 2022

Mic check 1, 2, is this thing on? 🎤