Hi, im trying the following: Exporting Shaders from following NM: Babylon.js Node Material Editor splitting the vertex and fragment shader into two seperate files like said in the docs: customShader.fragment.fx customShader.vertex.fx importing the shader into my project with the following code: https://playground.babylonjs.com/#J0I63Q#1 However as you can see in the playground above, the Shader throws Errors. My Question now is if i am doing anything wrong when importing or if it is a bug in the Node Material Editor ? Thanks in Advance!

Found the bug it was a Side Affect from using Tree Shaking, caused by importing the Shadow Generator directly from the file instead of the Folder @babylonjs/core/Lights/Shadows/. And i guess importing the node editor resolved this issue because it indirectly imports the Shadows Folder as well ? Anyway thanks for the help!

It is because some to the Defines are not setup as they should: #ifdef UVTRANSFORM0 vec4 tempTextureRead5 = texture2D(NormalSampler, transformedUV); #elif defined(VMAINOUTPUT5) vec4 tempTextureRead5 = texture2D(NormalSampler, vMainoutput5); #endif basically none of those are true so tempTextureRead5 is not defined. The material is pretty complex, I would not try manually recreating it.

Also, see my answer in this thread: [image] Using shaders exported from Node Material Editor Questions The exported shader code is not really meant to be used directly because it would need a lot of wrapping to be functional. See #include directives in shader code output from Node Material Editor for eg. What you should do is either exporting the js code, as you did in your PG or use the NodeMaterial.ParseXXX functions: https://playground.babylonjs.com/#JICX85#1

Ok, so i guess the easy way out is to use the node material directly like a shader, by just creating multiple references with different textures. The problem here is that the Node Material seems to depend on the node material editor, which means I have to import another full package (@babylonjs/node-editor) could i use tree shaking here / what do i need to import to just make the Material work? But the bigger problem is that this package uses React with DevTools even in production/build. Any possibility for me to change that?

No, you don’t need the node editor package to use node materials. What is the error you get when not adding this package?

First the Scene loads with all Materials grey (no errors/warnings in the console): [image] And then after a react state update i get the following erors: [image] [image] Oh i see that im probably wrong and this happens because of the mirror Texture on a Standard Material and not because of the Node Material. However i still don’t get why this error only appears when not importing the node editor.

[image] ThalerMatthias: However i still don’t get why this error only appears when not importing the node editor. It’s hard to say, the way of the bug is unfathomable! If you are able to setup a repro it would help. Also, are you using scene.executeWhenReady to start the real work only when the scene is ready? It could help too.

Creating Shader from NodeMaterialEditor

Questions

Evgeni_Popov February 1, 2023, 12:22am 3

Also, see my answer in this thread:

Topic		Replies	Views
Using shaders exported from Node Material Editor Questions shader	4	1592	November 13, 2020
Cleanest way of using a custom shader from the node editor Questions	4	795	March 27, 2020
怎样使用Node Material导出的shader文件 Questions shader	2	766	June 10, 2021
Node material editor third party Questions	3	409	March 17, 2023
Intended Usage Of the NME Export Shaders Button Questions	3	699	August 10, 2021

Creating Shader from NodeMaterialEditor

Related topics