# Create p5.js Instances Sequentially in For Loop But Only After the Previous One Finishes **URL:** \ **Category:** Coding Questions\ **Created:** [February 24, 2021, 11:42am UTC](https://discourse.processing.org/t/create-p5-js-instances-sequentially-in-for-loop-but-only-after-the-previous-one-finishes/28050 "2021-02-24T11:42:56Z")\ **Posts on this page:** 4\ **Page:** 1

**Author:** ![nguzman](https://avatars.discourse-cdn.com/v4/letter/n/f08c70/32.png) [@nguzman](https://discourse.processing.org/u/nguzman)\ **Post date:** [February 24, 2021, 11:42am UTC](https://discourse.processing.org/t/create-p5-js-instances-sequentially-in-for-loop-but-only-after-the-previous-one-finishes/28050/1 "2021-02-24T11:42:56Z")

The basic question is in the title. I use a function to define a p5.js instance with a particular set of parameters. The sketch itself runs an in-browser video game. When any one out of a set of events occurs in the game, the sketch is removed, ending the game. Given an array of parameter values for the sketch, I use a for-loop to construct a sketch defined using each element of the array. I expected that in a single iteration of the for-loop, the defined sketch would complete (i.e. run until removal) before the for-loop progresses and the next sketch is defined and run. However, what actually happens is that as soon as a sketch is defined, the loop progresses and defines the next sketch. This results in all sketches running in the browser simultaneously. How do I ensure that each sketch finishes before the next one runs? My guess is that I probably need to pass some variables to each sketch that call noLoop() and Loop() appropriately, but I’m not sure. Below is a minimal working example in the form of an HTML file: ```auto ``` ---

**Author:** ![josephh](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/josephh/32/210_2.png) [@josephh](https://discourse.processing.org/u/josephh)\ **Post date:** [February 25, 2021, 6:17pm UTC](https://discourse.processing.org/t/create-p5-js-instances-sequentially-in-for-loop-but-only-after-the-previous-one-finishes/28050/2 "2021-02-25T18:17:37Z")

Hi, Welcome to the forum! 😉 Why do you need to create different instances of `p5` instead of running your game using the [global context mode](https://github.com/processing/p5.js/wiki/Global-and-instance-mode) ? I know that your example is a simplified one but passing arguments to each instance is the same as changing parameters in your sketch when the mouse is pressed for example 😉 ---

**Author:** ![nguzman](https://avatars.discourse-cdn.com/v4/letter/n/f08c70/32.png) [@nguzman](https://discourse.processing.org/u/nguzman)\ **Post date:** [February 25, 2021, 8:35pm UTC](https://discourse.processing.org/t/create-p5-js-instances-sequentially-in-for-loop-but-only-after-the-previous-one-finishes/28050/3 "2021-02-25T20:35:31Z")

Hi josephh, thanks for your reply. I need multiple instances because the game is a task within a psychological experiment. Different types of experimental conditions take the form of different versions of the game, each of which is its own instance. I need to use instance mode and not global mode because I need to control the sequence of tasks, instruction windows, and surveys outside of the context of the sketch. ---

**Author:** ![Pr0tonX](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/pr0tonx/32/2590_2.png) [@Pr0tonX](https://discourse.processing.org/u/Pr0tonX)\ **Post date:** [February 25, 2021, 10:07pm UTC](https://discourse.processing.org/t/create-p5-js-instances-sequentially-in-for-loop-but-only-after-the-previous-one-finishes/28050/4 "2021-02-25T22:07:31Z")

Hi nguzman, you can set a boolean to check if a sketch is running or not, and set a listener on it as following ; ```auto ``` When the boolan is changed, we fire the change and create a new instance of p5. You can take a look to the [MDN documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects#defining_getters_and_setters) to go further