Online Sketchpad

Developer (Processing.JS Web App)

March 13, 2015

What is Online Sketchpad?

A sketchpad that anybody can use with just a browser. By learning p5.js, I was able to bring my Processing sketches online, including this sketchpad.

Where it all started

I learned about Processing when my brother, a designer, started using it to make small personal projects. I liked doodling sometimes, so this is the project that resulted from it.

Abstract Brush?

The abstract brush takes in the current location of the cursor and adjusts its width and height based on it. It can lead to interesting doodles for sure. The provided color scheme also makes it easy to blend in the art.

Code & Demo

It wasn’t a complicated project at all, but it was a interesting experience to work with p5.js for the first time and realizing its flexibility.

Here’s a demo of it, and download the source code here.

Please leave your questions or feedback below! What do you think about the Online Sketchpad?