"Getting Started with Instance Mode" Tutorial

Topic

p5.js supports both "instance mode" and "global mode." This sketch shows the difference: https://editor.p5js.org/p5/sketches/Instance_Mode:_Instantiating

Please share your confusions!

If you've had a confusing experience with instance mode in the past, please share how that was even if you don't want to work on the tutorial!

The task: translate existing materials to be more beginner-friendly

Here is the p5.js wiki entry explaining these ideas: https://github.com/processing/p5.js/wiki/Global-and-instance-mode

If you've found these resources a little daunting in the past, please feel free to set up a more approachable tutorial to be featured on the p5js.org website. This means creating a getting-started-with-instance-mode.mdx in main/src/content/tutorials/en.

Although there is an upcoming release of p5.js 2.0, the first version of this tutorial can focus on 1.x; but it might need to be updated for the 2.0 version of the website.

(This task is inspired by the discussion in https://github.com/processing/p5.js/issues/7332 and https://github.com/processing/p5.js/issues/7670, so feel free to check those out too.)

How to create a tutorial

Here's an example tutorial about a different topic: https://github.com/processing/p5.js-website/blob/main/src/content/tutorials/en/getting-started-with-nodejs.mdx?plain=1