three.js TSL Visual Node Editor

🚀 Launch Editor 🚀

[!] Work in progress | Alpha state

Visual node editor, inspired by Blender's shader editor, is a tool to visually build Three.js materials using Three.js-Shading-Language. The socket proximity detection was inspired by Kennedy Richard's Nodezator's node editor

This node system outputs a single javascript file that contains the layout info (in case you want to re-edit it) and the actual exported materials:

📑 Read the WIKI / Documentation to collaborate!

Let's build this together!

The idea is to let everybody add nodes and have this be the best shader node editor in the galaxy. To do so, you must check the Three.js-Shading-Language Docs to know how to implement the TSL sintax.

You can also fix bugs or improve the code/interface. Just clone and do a pull request.

== Nodes "done"... ==

These are the nodes currently "done" (room for improvement)...

• UV Channel
• Scene Preview
• (incomplete) MeshStandardNode shader node. ( only colorNode property )
• Image texture node
• Operations: All math operations and Operators... (not tested fully)
• Value Node