Sneak peek of the upcoming Node Material Editor ;D

Check out a sneak peek of the new Node Material Editor coming with Babylon.js 4.1 in the fall!

I’m pouring a lot of love in it. I hop you folks will like it:

18 Likes

Amazing! I can see the potential for it becoming like Substance Designer in the web

1 Like

@Deltakosh : How long have you been in Seattle? The French accent gets stronger!

cheers, gryff :slight_smile:

1 Like

Wow that’s really impressive.
So amazed by how powerful this stuff is!
Great work!

1 Like

5 years now:) but I’m getting older as well so not sure I will get a better accent anytime soon

DK likely gets SO MUCH American Girl attention. That’s probably why he is reluctant to lose the accent. :slight_smile: Too many sexy girls running-up, asking him to teach them about BJS. :wink:

[link to related thread] If anyone has a link-to a super easy tutorial about WHAT IS a node-based material, please paste it… thx.

Looks awesome! :slight_smile:

Ok, so, can I start rattling-on about this? :slight_smile:

Let’s look at Blender “Material Nodes” -types. I think I counted 25 or 26 “material” node-types. Let’s call the Material Nodes area/system…the “materTree”… for fun.

Blender also uses node-trees… for Textures. Let’s look at the available Texture Nodes. Let’s call it… “textuTree”, for even more fun. :slight_smile:

Blender also has a node-tree system called: “Compositor”. Let’s look at the Compositor node types. Let’s call it… “compoTree”.

It appears that the Compositor (compoTree)… includes ALL the node-types allowed in materTree, plus a few more. It also includes MOST of the node-types of textuTrees. (So what, Wingy?) :slight_smile:

The two node-types that I was sort-of interested-in… was the Composite Node (compoTree-only)… and the Color/Mix Node… available in all 3 “systems”.

That’s the Blender-side of things. The BabylonJS system might be different. All in all, there seems to be plenty of power available. It looks like we can wire anything to anything… a massive pipe-o-thon!

Ok, that’s all I got… a mini intro to node-wrangling on Blender’s big 3 “tree” systems. Use the links above… to dive deeper into reading about Blender’s trees/branches/nodes, and expect a great materials future for BabylonJS. PARTY!!!

1 Like

ohhh my this is amazing!
I am extremely excited to have this.

Great work.

2 Likes

Thanks man, this kind of feedback fuels my motivation

1 Like

This looks amazing, I can see myself loosing hours to this just playing around. And as a bit of a shader noob, this is going to be a great learning tool as well as a workflow improvement.

Keep up the great work :slight_smile:

1 Like

I really want to use the Node Material as a tool to create shareable materials in the community. We will have a dedicated folder in the assets repo where everyone will be able to get or save specific materials to share

5 Likes

Hi,

This is awesome news, i see this post just now and i am super excited about … nodal materials is very welcome improvement for Babylon.

i have immediately try to try it but the playground get a error on startup making this preview node editor keeping some mystery for now :slight_smile:

anyway keep rolling your amasing work guy’s.

notes:
the nodes view looks good totally aligned with the modern flat and slick aesthetic of today.

by the way i am not fan of the collapsable side panels inherited from the inspector style, nothing wrong, but on my taste it is cumbersome left and right sides design, and this enforce many annoying mouse travel.

thx.

This is the right URL (check the video’s comments ;)): https://playground.babylonjs.com/#4I3SIR#1

oops … my bad, maybe i need some glasses …

thx.

1 Like

Sooooo, why are the “blocks” parented right under the main BJS object?

Shouldn’t they all be under like BABYLON.MaterialNode.blockOfSomekind?

All classes in BJS are under BJS main object. This is mandatory as we also support ES6 modules

I thought in ESNext you could still do things like

BABYLON.SomeClass.SubClass = class{…}

I’m guessing it’s a reverse compatibility thing then?

Also I guess it kinda does not matter sense everything is split up in ts files.

Never mind me :laughing:, I was just thinking out loud at this point.

2 Likes

Correct :slight_smile: We need to satisfy both worlds

1 Like

That will teach me to take a couple of weeks off! This is amazing stuff!
Any plans for a node based scripting system for Babylon.JS?

1 Like