Hello, 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 Cheers …

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 fil…

[image] hifilo: And this applies to vanilla JS as well? Yes! But you should encapsulate the several functionalities to not accidentally override stuff from a global context. Cheers — mnse

[image] Shared library for simple functions Development The “index.html” file can be written as short as this: cowboy_hat_face <script src=https://cdn.JsDelivr.net/npm/p5></script> <script src=https://po4599.GitHub.io/javascript/grid.js></script> <script src=sketch.js></s…

Linking classes between files outside of p5js web editor

p5.js Beginners

GoToLoop May 22, 2023, 6:21pm 5

Topic		Replies	Views
Tabs, or keeping projects tidy p5.js	7	692	September 20, 2018
P5.js Web Editor problem exporting a function Beginners	4	88	December 3, 2024
Code organization Coding Questions	11	439	April 26, 2019
Sketch with classes implementation in a Reactjs project Project Guidance	6	1335	February 5, 2020
Help extending p5 and dependencies in web dev Coding Questions	13	232	May 14, 2024

Linking classes between files outside of p5js web editor

Related topics