Getting Artsy with JavaScript

Is JavaScript Artist a viable career option?

Women Who Code Toronto hosted a workshop (JavaScript x Art) on p5.js last week, and sadly I could not attend because my body decided it was time to get sick. Thanks for that. However, in their *new* Slack channel, the workshop slide deck was posted, so I decided to check it out.

I was mesmerized.

This JavaScript library is so darn cool. The documentation for p5.js is very well documented. They provide a getting started guide, resources, tutorials, references and so much more.

I decided to try my hand as something really simple, but so much fun:

Within your JavaScript document, you set up a function called setup and a function called draw. In the setup function, you create the canvas. In the draw function, you tell what you want to happen on the canvas, as well as indicating the shape you want to use. In my case, I’ve declared that when the user is dragging the circles on the canvas, the fill colour is a coral colour. When the user clicks on their trackpad, mouse, etc. while dragging the circles, the fill colour will be magenta.

In my JS document, I have also declared a palette variable, so I used bracket notation to grab which selected colours I wanted to use on my canvas. Ideally, I’d like to have a button for the user to choose a colour of their liking — kinda like a colouring book concept!

I really hope to get more in depth with this library and make some cool artsy projects!

Show your support

Clapping shows how much you appreciated Jaymie Rosen’s story.