# Processing.py sketches sketches on the web

**URL:** <https://discourse.processing.org/t/processing-py-sketches-sketches-on-the-web/20750>\
**Category:** Processing.py\
**Created:** [May 11, 2020, 2:35pm UTC](https://discourse.processing.org/t/processing-py-sketches-sketches-on-the-web/20750 "2020-05-11T14:35:36Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![PawnMongo](https://avatars.discourse-cdn.com/v4/letter/p/b5ac83/32.png) [@PawnMongo](https://discourse.processing.org/u/PawnMongo)\
**Post date:** [May 11, 2020, 2:35pm UTC](https://discourse.processing.org/t/processing-py-sketches-sketches-on-the-web/20750/1 "2020-05-11T14:35:36Z")

</div>

Is there some simple way that I can upload a sketch created in Processing.py to the web so that it can be run by someone without Processing.py on their computer? If not, is there a plan to add this capability in the near future?

---

<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:** [May 11, 2020, 5:09pm UTC](https://discourse.processing.org/t/processing-py-sketches-sketches-on-the-web/20750/2 "2020-05-11T17:09:39Z")

</div>

> [@PawnMongo](#):
>
> Is there some simple way that I can upload a sketch created in Processing.py to the web…

There’s this [Trinket.io](http://Trinket.io) site which can host Python sketches w/ some limited modules.

Among those few modules there’s 1 called “processing” which features basic Processing API:  
[Trinket.io/docs/python](http://Trinket.io/docs/python)

I didn’t host much on that site yet, but here’s some basic sketch which cross-runs both there online and also on Processing’s Python Mode:

https://trinket.io/embed/python/94a110f666?toggleCode=true&runOption=run&start=result

My other Python cross mode sketch can be found on this post below:

> [@Issues with smooth 2D movement in python](https://discourse.processing.org/t/issues-with-smooth-2d-movement-in-python/18556/4):
>
> That’s a very old sketch of mine. innocent BtW, I did a followup w/ 2 players instead of 1 both for Java Mode & p5js flavors: sunglasses And now I’ve decided to do a Python Mode version as well. Check it out: snake #!/bin/python2 """ Players Movement (v1.1.0) by GoToLoop (2020/Mar/11) Discourse.Processing.org/t/issues-with-smooth-2d-movement-in-python/18556/4 GoToLoop.Trinket.io/sites/players-movement Trinket.io/processing/62fab051ed Reddit.com/r/processing/comments/bshqa8/ ho…

However, when I was attempting to deploy a 3rd sketch on [Trinket.io](http://Trinket.io) which relied on class [PVector](https://py.processing.org/reference/PVector.html) it didn’t work out!

Although [PVector](https://py.processing.org/reference/PVector.html) is available on Trinket’s “processing” module, it seems very buggy & incomplete.

I still need to make more [PVector](https://py.processing.org/reference/PVector.html) experiments w/ basic sketches there in order to make sure it’s indeed buggy or my 3rd sketch had other conversion issues besides [PVector](https://py.processing.org/reference/PVector.html) alone.

If it comes to that, we could simply write our own basic [PVector](https://py.processing.org/reference/PVector.html) class in Python, so it cross-works on both environments.

---

<div class="post-metadata">

**Author:** ![jeremydouglass](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/jeremydouglass/32/20_2.png) [@jeremydouglass](https://discourse.processing.org/u/jeremydouglass)\
**Post date:** [May 11, 2020, 9:47pm UTC](https://discourse.processing.org/t/processing-py-sketches-sketches-on-the-web/20750/3 "2020-05-11T21:47:37Z")

</div>

If your sketch uses Processing (Java mode) libraries, then there are no simple online options.

If it is simple and you don’t mind hosting it off a web service, [Trinket.io](http://Trinket.io) is a good choice as described above.

If you just want to write a sketch using python syntax and have it on your own web page, another option to look at is pyp5js:

> **[pyp5js: Python to P5.js Transcriptor](https://berinhard.github.io/pyp5js/)**
>
> Python to P5.js Transcriptor

Note that this is really “p5.js with python 3 syntax” rather than python 2 + Processing.

---

<div class="post-metadata">

**Author:** ![PawnMongo](https://avatars.discourse-cdn.com/v4/letter/p/b5ac83/32.png) [@PawnMongo](https://discourse.processing.org/u/PawnMongo)\
**Post date:** [May 13, 2020, 9:43am UTC](https://discourse.processing.org/t/processing-py-sketches-sketches-on-the-web/20750/4 "2020-05-13T09:43:47Z")

</div>

Thanks much, Jeremy. I’ll look into the Transcriptor.