# My first p5.js sketches

**URL:** <https://discourse.processing.org/t/my-first-p5-js-sketches/35700>\
**Category:** p5.js\
**Created:** [March 12, 2022, 5:41pm UTC](https://discourse.processing.org/t/my-first-p5-js-sketches/35700 "2022-03-12T17:41:03Z")\
**Posts on this page:** 2\
**Page:** 1

<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:** [March 12, 2022, 5:41pm UTC](https://discourse.processing.org/t/my-first-p5-js-sketches/35700/1 "2022-03-12T17:41:04Z")

</div>

I finally decided to make the effort to learn Javascript, so I have been converting some of my old Applets / Java projects to p5.js

You can see some of my new sketches [here](https://openprocessing.org/user/1623/?view=sketches#sketches)

**Elastic Canvas**  
I still have the Java project for this sketch and it took some time to create because I had to port the Traer Physics library to JS. Actually I think it looks more jelly like than elastic perhaps I should rename it. 😀

**Snail Builder**  
**Connecting Circles**  
Both these were based on ideas on the forum, I just make the effort to turn them into sketches.

**Spooky**  
This uses both sound and fonts so was a good learning experience. It’s based on a trick played on me more than 20 years ago. 😈

Hope you enjoy them as much as I did creating them.

---

<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:** [March 28, 2022, 2:55pm UTC](https://discourse.processing.org/t/my-first-p5-js-sketches/35700/2 "2022-03-28T14:55:39Z")

</div>

Here a some more sketches for you. Note they are not hosted on Open Processing because their programming environment has trouble with more advanced JS code or code that interacts with the DOM.

So these and future examples can be found [here](http://www.lagers.org.uk/gallery/index.html) rather than OP

**Fish-eye Lens**  
This is an updated version of the one on OP where the user can change the lens properties

**Spook Manor**  
This was created in 2014 for a forum Halloween competition. Originally in Java Mode it now available for a wider audience using p5.JS

* * *

_Getting the Source code_  
There is a link to download the Spook Manor sketch (code and resources) for those interested. I plan to add similar links for all my other sketches soon.