I would like to write a scriptable Gui for Bela. I have a node-tree based structure, where all the nodes are aware of their own path and parameters etc. I would like to be able to write class specific Gui's and view the Gui for a specific class (node) in the browser. This would allow for writing general Gui's for e.g. ADSR envelope, Biquad filter, Sampler, etc. and then show the Gui in the browser.

Is the Gui framework capable of doing something like this ? I know nothing about node framework, but I have written some JavaScript in the past for MaxMSP....

Can someone point me in the right direction.

hi! I am not sure I completely understand what you are trying to achieve but for what I got I think it should be doable.

I am still trying to find the time to clean up some things on the client-side of the Bela GUI, but I started writing what I called a GuiController interface a while ago for developing standard GUI components on top of the current funcionality.

You can take a look at it here: https://github.com/BelaPlatform/Bela/tree/master/libraries/GuiController and see if could potentially help you on what you want to do.

That provides a basic interface for generating/handling different components through the websocket connection. The client-side implementation can vary. You need to write/update the parser for your new components.

I did some basic implementation for this using dat.gui but it could be done directly in p5 or using any other GUI framework.

In my implementation BelaControl handles the communication with the websocket and GuiCreator the rendering of the dat.gui interface.

Keep in mind that this is still at prototyping stage and that part of the functionality is shared with GuiHandler

    7 days later

    adanlbenito Thank you for your reply 🙂

    I'll look into those things!

    It's a bit overwhelming with all this!

    I'm mainly a c++ programmer, not so skilled in javascript, node, p5

    But I wan't Gui in my browser, so I better learn 😉