How to upload p5js game from openprocessing.org to itch.io?

p5.js Project Guidance
1

i would like to upload this game to itch.io, how do i do this?

2

Here’s how I’d go about it. But I haven’t done this before, so there may be an easier way than I’m suggesting.

First, set up your sketch to run on your computer/locally –
https://p5js.org/get-started/#settingUp

Then upload the game using the HTML instructions provided by Itch –
https://itch.io/docs/creators/html5

I also like this approach because I can set up my project for version control (Git, etc.)

3

For what it’s worth, from OpenProcessing.org this is really easy: Just download your sketch as a zip file.

OpenProcessing Share - Download
OpenProcessing Share - Download728Ă—632 38.3 KB

The create a new HTML project on itch.io and upload your zip file:

Itch create project dialog
Itch create project dialog1462Ă—2028 162 KB

2 Likes
4

Excellent tip there, @KumuPaul !

But for sketches not hosted in OpenProcessing.org the “secret” is creating a basic HTML file which loads both the p5.js library and your sketch JS file:

index.html:

<script async src=https://cdn.JsDelivr.net/npm/p5></script>
<script defer src=sketch.js></script>

Just replace “sketch.js” w/ the exact name of your sketch file.

By default in OpenProcessing.org the main sketch file is named as “mySketch.js”.

Here’s an online example which we can see both “index.html” & “sketch.js” files in it:

5

thank you very much!