Sneak peek of the upcoming Node Material Editor ;D

Announcements
1

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:

20 Likes
2

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

1 Like
3

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

cheers, gryff :slight_smile:

1 Like
4

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

1 Like
5

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

6

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.

7

Looks awesome! :slight_smile:

8

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!!!

2 Likes
9

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

Great work.

2 Likes
10

Thanks man, this kind of feedback fuels my motivation

2 Likes
11

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
12

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

6 Likes
13

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:

materialeditor
materialeditor.jpg2109×1095 392 KB

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.

14

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

15

oops … my bad, maybe i need some glasses …

thx.

1 Like
16

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

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

17

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

18

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
19

Correct :slight_smile: We need to satisfy both worlds

1 Like
20

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