BabylonJS
Material File Broken
Hello There,
I am facing an issue trying to create a material with custom code.
There is no documentation on how to do this with the editor but I think I found how to handle it. Here's the steps :
- Create a "Material File" by right clicking in src
- Add the proper import in index.ts
- The editor automatically asks for the name we want to give to the material
- It then update / loads
- The thumbnail displays a broken icon
- When assigning the material to an object it's invisible
No errors in the console, webpack or typescript logs.
I have the issue with Editor 4.5.0 and 4.6.0, I tried babylonJS 5.19.0 update in package.json with no luck.
At first I thought my shader code was the culprit but I have the same bahviour when I keep the code generated by right clicking -> Material File.
Is this a known issue ? Is there a way to make it work ?
Thanks !
I experience the same issue. There seems to be no documentation whatsoever on this feature. I can upload a sample project, but it can be reproduced using a barebone project (Empty workspace template) . Changing properties of existing materials such as the color might also cause the preview to break.
Hey,
You are right that it's not documented. We are using PBR custom materials at work and they seem to work. Which kind of material did you try to create ? Standard based ? Custom based ? PBR based ?
I don't really remember what kind of material it was bug we can try recreate the bug I think, @StanleySweet did you kept the repro project ?
I'm sorry the template was not updated but got it working by replacing these lines:
// Clip plane
// MaterialHelper.BindClipPlane(this._activeEffect, scene);
bindClipPlane(this._activeEffect, this, scene);
and
// MaterialHelper.PrepareDefinesForFrameBoundValues(scene, engine, defines, useInstances ? true : false);
MaterialHelper.PrepareDefinesForFrameBoundValues(scene, engine, this, defines, useInstances ? true : false);