Node Materials Examples

There will be more and more Node Materials gradually, and it would be nice to see some examples, so please share your materials :slight_smile:

Here is my first Node Material. My knowledge lets me put a texture, but what to do after that with I donā€™t know yet :frowning:
https://nme.babylonjs.com/#BYNH4E

9 Likes

Thatā€™s an EXCELLENT idea! Thanks for that!
I will reference this post from the doc as well!

3 Likes

https://nme.babylonjs.com/#BZWNM8
Another example, messing with the fragment output! (as a disclaimer, I had no idea what I was doing)

Would it be a good idea to provide some tutorials for the Node Material Editor? Maybe say, recreating a basic StandardMaterial in it?

2 Likes

We started a series of videos :wink:
https://doc.babylonjs.com/how_to/node_material#going-further

3 Likes

Videos are good but sometimes they are can be not enough helpful, especially for this quite complicated subject :slight_smile:
Would be nice to have, for the beginning, a kind of ā€˜Node Materials Quick Start Guideā€™ with understandable examples - as it is now with the main documentation.

3 Likes

Hi Everyone,
I used fbm noise to make a dissolve shader.

https://nme.babylonjs.com/#XDUFVU#22

(@Deltakosh I beg you to add some means of combining and reusing sets of nodes (to this already amazing tool). all the cool and complex shader effects are out of reach right now)

16 Likes

It will be in 4.2:)

4 Likes

You just made my day.

2 Likes

https://nme.babylonjs.com/#12YPTW#4

Made a shader that can take a mix map, three textures and use the red green and blue values of the mix map to determine the texture that is shown! This is similar to the TerrainMaterial (Terrain - Babylon.js Documentation). I just did it to learn more about the Node Material Editorā€¦

(The principle here was to take the red green and blue outputs of the mix map separately, and multiply each of those by the rgb output of the 3 different textures before adding all of them up.)

And excuse my amateurish question, but would a PBR shader be possible in the NME?

@Deltakosh is it possible to make the zooming on the Node Material Editor more sensitive? Currently I need to scroll a lot to zoom out just a bitā€¦

8 Likes

PBR is too complex to be handled here we need to add some new blocks to handle it

1 Like

Thanks! Would love to utilise PBR in the NME! The NME really is a great tool as without it I wouldnā€™t even be trying to make shadersā€¦

I hope i will have time after 4.1 as i would love also to use it for my experiments :slight_smile:

2 Likes

Yes a PBR shader example would be great.!

1 Like

This is something I need to look into because it really depend on how you want to be precise. Some users reported it is too fast :smiley:

2 Likes

Maybe a sensitivity slider? Then each user can set it to their own likingā€¦? Thanks!

How do i Zoom without a mouse wheel?
Im using a Wacom.
Holding down ā€œAltā€ odes not work like in other tools.

Please file an issue so I can add it later

1 Like

I filed and issue.
Hope its done on the right place. I have no experience with GitHub.

2 Likes

This is perfect :wink:

1 Like

Awesome! but few example.