Linking classes between files outside of p5js web editor


in the p5js web editor I noticed you can separate classes with files, by linking the class.js inside index.html.

Is this specific to the p5js web editor or can I link classes the same way in another IDE?

Hi @hifilo,

Don’t see why not. Usually you have also an index.html in your vscode project. Just add your classes by adding additional script tags. Keep in mind that you eventually have to respect the order of your classes. Means if you have derived classes you need to add the parent first

— mnse


Thank you, I haven’t tried yet but I will.

Simply placing a script tag makes everything in a script available for other files? And this applies to vanilla JS as well?

I ask because I know import/export is how you connect different methods/functions/classes between files, but by placing the .js file directly in the html tag, this makes the import/export unnecessary.

Yes! But you should encapsulate the several functionalities to not accidentally override stuff from a global context.

— mnse

1 Like