NodeMaterial visual editor?

[trusktr]

Is there a visual editor for the Node-based materials (NodeMaterial and related classes) yet?

I stumbled on this: http://idflood.github.io/ThreeNodes.js/index_optimized.html#example/geometry_and_material1.json

It’d be neat to expand on that, adding the shaders. I’m also pondering about a visual logic editor.

EDIT: I stumbled on this after: https://github.com/mrdoob/three.js/issues/14244 Some cool stuff there.

[gui]

Polygonjs also has a visual editor, used not only for materials, but also particles and geometry creations (it is heavily inspired by Houdini).

While it still is in beta, you can play with some examples:

• freezing effect
• psychedelic car

Or watch short tutorials:

Basics on creating a custom shader

How the psychedelic car was done

At the moment, you can also right-click on any node and export the shaders, although I am working on easier export methods.

[pailhead]

Want to throw my experiment into the mix:

Visual shader editor wip

link -> http://dusanbosnjak.com/test/nodes/ [image] I’ve been working on a node editor and i’ve cooked up a version that generate’s three’s ShaderMaterials. It’s super WIP and clunky, but i think it’s more or less complete as in that it can persist whatever’s being created, display the result using three, and spit out a JS class into the clipboard (export) although that bit is most likely broken. This is my pet project that i’m using to experiment with various web technologies. I had it hook…

I really want to check these others out, i’ve started mine twice from scratch and still thing the architecture is horrible. Sort of happy with the performance, but not the convenience. The approach though, should be able to generate materials, possibly for all three.js versions so far if the hooks are added to the GLSL from each.