I would like to put my p5 Js classes into seperate files because they take up so much space in sketch.js
One way of doing this seems to be linking them via index.html
But index.html is not accessible in Bela, or is it?
Can anyone tell me how to do this, either via index.html or another way?
Appreciated, thanks
See what is being done here: you can use loadScript() inside the preload() function to load your custom class. If the .js it lives in your project, you'd do
function preload() {
loadScript("/projects/MYPROJECT/MyClass.js")
}(note: you probably need a very up-to-date core code, as this made it into the master branch on May 27th I think).
Hi, due to how things work on Bela you don't have direct access to the index.html file in the same way you would have on a normal web project.
The sketch.js file is loaded dynamically and therefore there are a few things to take into account. There is the opportunity to write your own html file that gets loaded instead (that is a main.hmtl file) but I am still debugging a couple things in that regard.
I will post an update here in the next couple of days and a short guide to load external resources like custom JS classes or libraries.
For now the loadScript method should work on the sketch preload() to load classes that don't alter the p5.js main object.