# How do YOU use the various Babylon.js Node Based Editors (NME, NGE)

**URL:** <https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973>\
**Category:** Questions\
**Created:** [November 27, 2023, 9:51pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973 "2023-11-27T21:51:42Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\
**Post date:** [November 27, 2023, 9:51pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/1 "2023-11-27T21:51:42Z")

</div>

Hey wonderful Babylon community,

We’re curious to know a bit more about how the community uses the current Babylon.js node-based editors (Node Material Editor and Node Geometry Editor).

Would you be willing to take a quick survey so we can better understand how you use these tools?

_Poll ([view on site](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/1))_

Thanks in advance for making your voice heard!!!

---

<div class="post-metadata">

**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\
**Post date:** [November 27, 2023, 9:52pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/2 "2023-11-27T21:52:01Z")

</div>



---

<div class="post-metadata">

**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\
**Post date:** [November 27, 2023, 9:52pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/3 "2023-11-27T21:52:05Z")

</div>



---

<div class="post-metadata">

**Author:** ![Baktrian](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/baktrian/32/29646_2.png) [@Baktrian](https://forum.babylonjs.com/u/Baktrian)\
**Post date:** [November 27, 2023, 10:04pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/4 "2023-11-27T22:04:59Z")

</div>

Your link doesnt work.  
These ones do:

> **[Babylon.js Node Material Editor](https://nme.babylonjs.com/)**
>
> Babylon.js Node material editor - shader-based materials editor for Babylon.js

> **[Babylon.js Node Geometry Editor](https://nge.babylonjs.com/)**
>
> Babylon.js Node Geometry editor for Babylon.js

I don’t use them because I don’t know enough about them. Do they allow you to build shaders using a node tree system? Are they easier to use than just writing a shader?

Like right now I’m trying to write a shader and am having not such a great time with it so naturally I should try to use this Node Material or Geometry Editor, but that in itself would mean spending time figuring it all out. Especially the part about using it in conjunction with VSCode, I would probably go that route.

Most of all, I would love to see examples of mainline babylonjs features such as Decals or others using the node system, then I would be more keen to adopt it.

---

<div class="post-metadata">

**Author:** ![bghgary](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bghgary/32/48532_2.png) [@bghgary](https://forum.babylonjs.com/u/bghgary)\
**Post date:** [November 27, 2023, 10:26pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/5 "2023-11-27T22:26:45Z")

</div>

I fixed the link in the OP.

---

<div class="post-metadata">

**Author:** ![Dad72](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/dad72/32/13_2.png) [@Dad72](https://forum.babylonjs.com/u/Dad72)\
**Post date:** [November 28, 2023, 12:30am UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/6 "2023-11-28T00:30:49Z")

</div>

I don’t use them either. I’m not familiar enough with.  
Maybe one day I’ll try to understand all this.  
But if I used them, I would go through [mme.babylon.com](http://mme.babylon.com)

---

<div class="post-metadata">

**Author:** ![MarianG](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/mariang/32/138_2.png) [@MarianG](https://forum.babylonjs.com/u/MarianG)\
**Post date:** [November 28, 2023, 1:41pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/7 "2023-11-28T13:41:03Z")

</div>

Hi, as Dad72 said,we need the option “I don’t use it / them”.  
Unfortunately I didn’t have time to experiment with them either 😒

---

<div class="post-metadata">

**Author:** ![shaderbytes](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/shaderbytes/32/174_2.png) [@shaderbytes](https://forum.babylonjs.com/u/shaderbytes)\
**Post date:** [November 28, 2023, 3:41pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/8 "2023-11-28T15:41:42Z")

</div>

i cast my vote!

I cant help but wonder to myself - which answer are you guys hoping to be number one? I mean , there must be some actual reason you are polling this , not simply for interests sake 😉

---

<div class="post-metadata">

**Author:** ![cx20](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cx20/32/46_2.png) [@cx20](https://forum.babylonjs.com/u/cx20)\
**Post date:** [November 28, 2023, 5:58pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/9 "2023-11-28T17:58:34Z")

</div>

I think both the Node Material Editor and Node Geometry Editor are wonderful tools, but I have only made a simple sample and am not yet proficient in using them.  
It seems that not many people in the Babylon.js community in Japan are using them either. I think more people might become interested if there were tutorials in Japanese. (This is a personal opinion. It may differ from the actual situation.)

Below is a sample I made a while back.

> **[Babylon.js Playground](https://playground.babylonjs.com/#JI7CRS%2314)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/e/4/e4b8fd616a4ba598144c9cb9fc18a147cf9f1532.jpeg)

> **[Babylon.js Playground](https://playground.babylonjs.com/#UE0KI1%231)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL 3D scenes

![mars_teraforming](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/4/8/48229821bc6cb0ed3c090476cbb571a5d05d2b5e.gif)

---

<div class="post-metadata">

**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\
**Post date:** [November 28, 2023, 6:40pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/10 "2023-11-28T18:40:51Z")

</div>

We’re just gathering some information. We’re working on something exciting in this space and just want to know how everyone is currently using these tools, so we can better inform what we’re working on.

How’s that for a tease?

![tease GIF](https://media1.giphy.com/media/kZTVKEpi1EyYw/giphy.gif?cid=ecf05e47bbyr0uaeipz77xr4c1vzf3ah5edaibmw2lavenf8&ep=v1_gifs_search&rid=giphy.gif&ct=g)

---

<div class="post-metadata">

**Author:** ![echadwick-artist](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/echadwick-artist/32/41009_2.png) [@echadwick-artist](https://forum.babylonjs.com/u/echadwick-artist)\
**Post date:** [November 30, 2023, 3:03am UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/11 "2023-11-30T03:03:15Z")

</div>

I would love to integrate custom shaders into glTF files, but I’m not quite sure if or how.

I played around with the shader editor and generally enjoyed it!

> **[Babylon.js Node Material Editor](https://nme.babylonjs.com/#UPFJUT%232)**
>
> Babylon.js Node material editor - shader-based materials editor for Babylon.js

[![](https://us.v-cdn.net/5021068/uploads/editor/xr/yqqpdybdujrr.gif) ](https://us.v-cdn.net/5021068/uploads/editor/xr/yqqpdybdujrr.gif)

---

<div class="post-metadata">

**Author:** ![cx20](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cx20/32/46_2.png) [@cx20](https://forum.babylonjs.com/u/cx20)\
**Post date:** [November 30, 2023, 6:13am UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/12 "2023-11-30T06:13:23Z")

</div>

I don’t know much about glTF extensions, but what about the idea of converting to `KHR_animation_pointer` format?

> <https://github.com/KhronosGroup/glTF-Sample-Models/pull/353>
>
> \*\*Animation pointer sample models.\*\*
> \[Link to the KHR\_animation\_pointer spec pr…oposal\](https://github.com/ux3d/glTF/tree/extensions/KHR\_animation\_pointer/extensions/2.0/Khronos/KHR\_animation\_pointer)
> 
> \- Animate All The Things (wide coverage of KHR\_animation\_pointer examples)
> \- Emissive Fireflies (simple emissive intensity animation sample)
> \- Animated Waterfall (rough time-of-day cycle, UV animation)
> \- Dragon Material Animation (showcases advanced glTF material features and animates them)
> 
> \*\*Supported Viewers\*\*
> 
> Can be viewed in Babylon Sandbox, Gestaltor, Needle Engine or with \[our three.js fork\](https://three.needle.tools/examples/?q=loader\_mu#webgl\_loader\_multiple). 
> 
> \*\*Videos\*\*
> 
> https://user-images.githubusercontent.com/2693840/200132202-487d7524-6067-48df-a102-1fcf7c870c78.mp4
> 
> https://user-images.githubusercontent.com/2693840/169412149-a1eafb07-1a71-489b-a409-18929b8b786b.mp4
> 
> https://user-images.githubusercontent.com/2693840/169412154-394c48e1-4dca-461f-8d62-843ae951a535.mp4
> 
> https://user-images.githubusercontent.com/2693840/171230924-875cb876-a151-4c03-bc0e-a79c7856a37d.mp4

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [November 30, 2023, 2:54pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/13 "2023-11-30T14:54:03Z")

</div>

There is no custom shades in gltf 2.0 but I think the group is working o smthg somewhat similar, cc @bghgary to confirm ?

---

<div class="post-metadata">

**Author:** ![bghgary](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bghgary/32/48532_2.png) [@bghgary](https://forum.babylonjs.com/u/bghgary)\
**Post date:** [November 30, 2023, 4:44pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/14 "2023-11-30T16:44:27Z")

</div>

There is a group discussing MaterialX and glTF, but nothing concrete yet.  
cc @srzerbetto

---

<div class="post-metadata">

**Author:** ![PirateJC](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/piratejc/32/1003_2.png) [@PirateJC](https://forum.babylonjs.com/u/PirateJC)\
**Post date:** [December 1, 2023, 12:11am UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/15 "2023-12-01T00:11:55Z")

</div>



---

<div class="post-metadata">

**Author:** ![pjoe](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/pjoe/32/1906_2.png) [@pjoe](https://forum.babylonjs.com/u/pjoe)\
**Post date:** [December 1, 2023, 10:39am UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/16 "2023-12-01T10:39:16Z")

</div>

The last option “together with VSCode” sounds interesting, would love to see something more happening in that area 🙂

---

<div class="post-metadata">

**Author:** ![gabrieljbaker](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/gabrieljbaker/32/12670_2.png) [@gabrieljbaker](https://forum.babylonjs.com/u/gabrieljbaker)\
**Post date:** [December 1, 2023, 6:41pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/17 "2023-12-01T18:41:03Z")

</div>

The Node Material Editor is a huge huge part of the Frame product and the Frame ecosystem @PirateJC . We encourage people to go to the NME directly with the “remix” button in [library.framevr.io](http://library.framevr.io) , and we’re linking to node material snippets all over the place in our environments and users bring in their own all the time!

(PS, on the topic of our library, @echadwick-artist and @cx20 , your shaders you linked above are spectacular and I’d love to surface them in the Frame Library - is that okay with you?. Can credit you/link you for sure!)

---

<div class="post-metadata">

**Author:** ![cx20](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cx20/32/46_2.png) [@cx20](https://forum.babylonjs.com/u/cx20)\
**Post date:** [December 1, 2023, 7:18pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/18 "2023-12-01T19:18:38Z")

</div>

It’s a wonderful collection. Please add it.

Asset Type: shader  
Name of Asset: Terraforming Mars  
Snippet ID: #TACWPI#14  
Author: cx20  
Description: Shader for Terraforming Mars

> **[Babylon.js Node Material Editor](https://nme.babylonjs.com/#TACWPI%2314)**
>
> Babylon.js Node material editor - shader-based materials editor for Babylon.js

BTW, it would be nice to have a collection of Node Geometry Editors as well.

---

<div class="post-metadata">

**Author:** ![echadwick-artist](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/echadwick-artist/32/41009_2.png) [@echadwick-artist](https://forum.babylonjs.com/u/echadwick-artist)\
**Post date:** [December 1, 2023, 10:20pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/19 "2023-12-01T22:20:58Z")

</div>

Well my shader uses a texture that’s not properly licensed, do we’d have to switch that out for sharing. But other than that I’m fine with sharing.

---

<div class="post-metadata">

**Author:** ![gabrieljbaker](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/gabrieljbaker/32/12670_2.png) [@gabrieljbaker](https://forum.babylonjs.com/u/gabrieljbaker)\
**Post date:** [December 2, 2023, 5:27pm UTC](https://forum.babylonjs.com/t/how-do-you-use-the-various-babylon-js-node-based-editors-nme-nge/45973/20 "2023-12-02T17:27:21Z")

</div>

Thanks @echadwick-artist and @cx20 , I’ve got them both up!  
 ![image](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/5/c/5ca22e7ec7c0deedee50b613978071b4d9d3116c.png)
