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

**URL:** <https://discourse.processing.org/t/how-to-upload-p5js-game-from-openprocessing-org-to-itch-io/33781>\
**Category:** Project Guidance\
**Created:** [November 27, 2021, 1:20pm UTC](https://discourse.processing.org/t/how-to-upload-p5js-game-from-openprocessing-org-to-itch-io/33781 "2021-11-27T13:20:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![MoonAlien822](https://avatars.discourse-cdn.com/v4/letter/m/65b543/32.png) [@MoonAlien822](https://discourse.processing.org/u/MoonAlien822)\
**Post date:** [November 27, 2021, 1:20pm UTC](https://discourse.processing.org/t/how-to-upload-p5js-game-from-openprocessing-org-to-itch-io/33781/1 "2021-11-27T13:20:42Z")

</div>

i would like to upload this game to [itch.io](http://itch.io), how do i do this?

https://openprocessing.org/sketch/1335702/embed/?

---

<div class="post-metadata">

**Author:** ![tabreturn](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tabreturn/32/3697_2.png) [@tabreturn](https://discourse.processing.org/u/tabreturn)\
**Post date:** [November 27, 2021, 8:10pm UTC](https://discourse.processing.org/t/how-to-upload-p5js-game-from-openprocessing-org-to-itch-io/33781/2 "2021-11-27T20:10:28Z")

</div>

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](https://p5js.org/get-started/#settingUp)

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

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

---

<div class="post-metadata">

**Author:** ![KumuPaul](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kumupaul/32/13072_2.png) [@KumuPaul](https://discourse.processing.org/u/KumuPaul)\
**Post date:** [November 27, 2021, 8:39pm UTC](https://discourse.processing.org/t/how-to-upload-p5js-game-from-openprocessing-org-to-itch-io/33781/3 "2021-11-27T20:39:48Z")

</div>

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

 ![OpenProcessing Share - Download](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/5/591def4fce70bf927cba1a725fb0e80403f208e8.png)

The create a new HTML project on [itch.io](http://itch.io) and upload your zip file:

 ![Itch create project dialog](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/0/09bc8a39d844e9c99dece520425f08f4a3dad30c.jpeg)

---

<div class="post-metadata">

**Author:** ![GoToLoop](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/gotoloop/32/86_2.png) [@GoToLoop](https://discourse.processing.org/u/GoToLoop)\
**Post date:** [November 27, 2021, 10:11pm UTC](https://discourse.processing.org/t/how-to-upload-p5js-game-from-openprocessing-org-to-itch-io/33781/4 "2021-11-27T22:11:45Z")

</div>

> [@KumuPaul](#):
>
> [OpenProcessing.org](http://OpenProcessing.org) this is really easy: Just download your sketch as a zip file.

Excellent tip there, @KumuPaul !

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

## index.html:

```auto
<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](http://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:

> <https://gist.github.com/GoSubRoutine/dc44acdaa0f05c1402ea33bd60a69da4>

---

<div class="post-metadata">

**Author:** ![MoonAlien822](https://avatars.discourse-cdn.com/v4/letter/m/65b543/32.png) [@MoonAlien822](https://discourse.processing.org/u/MoonAlien822)\
**Post date:** [November 29, 2021, 8:36am UTC](https://discourse.processing.org/t/how-to-upload-p5js-game-from-openprocessing-org-to-itch-io/33781/5 "2021-11-29T08:36:33Z")

</div>

thank you very much!