How do I modify GUI editor scripts and run GUI editor offline?

I’ve been trying Babylon.js GUI editor in the last few days. While the GUI editor looks simple, easy to learn, many of its components looked too basic to me compared to other game engines, especially the Button, which doesn’t seem to have Hover / Pressed color and sound properties. For this reason, I’d like to find a way to run this GUI editor offline so I can modify it and test it out.

Besides running GUI editor offline, I also want to know which files I should change if want to modify the GUI framework and GUI editor and add new components myself. Should I start from ./snapshot/guiEditor/babylon.guiEditor.max.js from Github Release? Or files under packages/tool/guiEditor/src and packages/dev/gui/src from Github Code?

Hello and welcome to the Babylon community! We have a contributing guide docs Start Contributing to Babylon.js | Babylon.js Documentation that runs through the steps needed to modify/run the frameworks and all the parts yourself. There’s a section for the editor: Start Contributing to Babylon.js | Babylon.js Documentation (babylonjs.com). We try to make it as easy as possible to run, so if you have any difficulties setting it up please let us know!

3 Likes