# How to manually modify the P5js plugin (stable version) to use the 2.0 version?

**URL:** https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536
**Category:** p5.js
**Created:** [May 14, 2026, 8:37am UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536 "2026-05-14T08:37:12Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![EricRogerGarcia](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/ericrogergarcia/32/21029_2.png) [@EricRogerGarcia](https://discourse.processing.org/u/EricRogerGarcia)
#### Post date: [May 14, 2026, 8:37am UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536/1 "2026-05-14T08:37:12Z")

</div>

Hello,

I mean, is it possible to replace the current stable version with the 2.0 version ?

Is it possible ?

🙂

P.S. As I am rewriting my project to integrate 3D, it would be a good time for me to work with the version 2 of P5js.  
I prefer to use the Processing editor, because it’s easier to use git with it rather than having to use the web editor and have to download everything each time.

(I can’t use the new plugin version because it doesn’t work with Linux for now)

---

<div class="post-metadata">

### Author: ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)
#### Post date: [May 16, 2026, 5:45pm UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536/2 "2026-05-16T17:45:51Z")

</div>

Hello,

I can’t get the _p5.js Mode (experimental)_ to work with W10 or W11:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/d/d/ddc7ccaf0ccb5a916906e9a1505b0b1e7a027d1a.png)

This is as far as it gets:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/e/e/eefa2591cc78bf55bbd0f54de27c989d8a7c44dd.png)

I run the sketch and there is no response.

Any ideas?

_p5.js Mode (experimental)_ links to this _p5.js Electron mode_ for Processing:

> **[GitHub - processing/processing-p5.js-mode: Write and run p5.js sketches on desktop using the...](https://github.com/processing/processing-p5.js-mode)**
>
> Write and run p5.js sketches on desktop using the p5.js mode

Note: I loosely used the term _plugin_ before and updated post for clarity.

---

<div class="post-metadata">

### Author: ![quark](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/quark/32/26_2.png) [@quark](https://discourse.processing.org/u/quark)
#### Post date: [May 16, 2026, 5:58pm UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536/3 "2026-05-16T17:58:26Z")

</div>

> [@EricRogerGarcia](#):
>
> I prefer to use the Processing editor, because it’s easier to use git

Personally I use VSC (Visual Studio Code) for all my p5js as it integrates well with github and requires no plugin simply add this link in the web page header

```html
<script src="https://cdn.jsdelivr.net/npm/p5@2.2.2/lib/p5.js"></script>

```

Simply change the 2.2.2 to the release you want to use.

---

<div class="post-metadata">

### Author: ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)
#### Post date: [May 16, 2026, 8:43pm UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536/4 "2026-05-16T20:43:20Z")

</div>

> [@quark](#):
>
> Personally I use VSC (Visual Studio Code) for all my p5js

This nudged me to try this…

I was up and running in moments with the _Using VS Code_ guide here:

> **[Setting Up Your Environment](https://p5js.org/tutorials/setting-up-your-environment/)**
>
> Layla Quiñones, Jaleesa Trapp

It already provides the the `2.2.2/lib/p5.min.js` which I replaced with the full version version:

```auto
   <!-- <script src="https://cdn.jsdelivr.net/npm/p5@2.2.2/lib/p5.min.js"></script> -->
    <script src="https://cdn.jsdelivr.net/npm/p5@2.2.2/lib/p5.js"></script>

```

`:)`

---

<div class="post-metadata">

### Author: ![EricRogerGarcia](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/ericrogergarcia/32/21029_2.png) [@EricRogerGarcia](https://discourse.processing.org/u/EricRogerGarcia)
#### Post date: [May 23, 2026, 8:07am UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536/5 "2026-05-23T08:07:25Z")

</div>

**I found how to use P5js2 in the Processing editor with the current plugin!!!**

It’s just silly actually, lol.

Just change the index.html page manually!!!

The editor modify index.html only when you change something in the tabs!!!

🤭

and to find the lines to insert, just use the web editor, check the right boxes, and save the sketch!

A copy / paste on the lines in the downloaded index.html file et voilà !

and you can delete the librairy folder

🤣

---

<div class="post-metadata">

### Author: ![EricRogerGarcia](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/ericrogergarcia/32/21029_2.png) [@EricRogerGarcia](https://discourse.processing.org/u/EricRogerGarcia)
#### Post date: [May 26, 2026, 4:00pm UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536/6 "2026-05-26T16:00:34Z")

</div>

**N.B.** The library folder is created each time you open a p5js sketch

So, I delete it before each commit (It’s not a problem. You just have to know it!)

---

<div class="post-metadata">

### Author: ![glv](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/glv/32/18785_2.png) [@glv](https://discourse.processing.org/u/glv)
#### Post date: [May 31, 2026, 3:13pm UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536/7 "2026-05-31T15:13:02Z")

</div>

Hello folks!

You can also create custom template that is used when _ **p5.js Mode 1.6** _ is used with the _ **Processing PDE** _:

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/0/3/03487c2d7e1d7ec1569f3e3883c8225a2425dc9b.png)

Make a backup of the template folder so you can restore it.

 ![image](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/3X/8/0/8074c9a088a2b38a00d722cc917036f854257d9b.png)

`:)`

---

<div class="post-metadata">

### Author: ![EricRogerGarcia](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/ericrogergarcia/32/21029_2.png) [@EricRogerGarcia](https://discourse.processing.org/u/EricRogerGarcia)
#### Post date: [June 1, 2026, 6:21am UTC](https://discourse.processing.org/t/how-to-manually-modify-the-p5js-plugin-stable-version-to-use-the-2-0-version/48536/9 "2026-06-01T06:21:01Z")

</div>

Great !!!

(you can’t delete the libraries folder but it can be empty)

🙂
