Select Page
P5.js Radial Art Sketch

P5.js Radial Art Sketch

P5.js Radial Art SketchThis sketch was a lot of fun. I used looping to create a piece of radial art that includes creating a function to draw a line with parameters and then create a loop that rotates the canvas and executes the line. I also added a simple mouseClick...
P5.js Parameterize Tile Art Sketch

P5.js Parameterize Tile Art Sketch

P5.js Parameterize Tile Art SketchFor this sketch, I created a few parameters that allowed for easier replication of the tile art and the ability to modify each tile. Changing attributes like background color, line stroke, quarter marks, and the interior square was an...
P5.js Tile Art Sketch

P5.js Tile Art Sketch

P5.js Tile Art SketchFor this sketch, I explored creating a tile while utilizing a simple function. I wanted the tile to be visually appealing while being mindful of modifications concerning size, color, and position. This was also the first time utilizing the...
P5.js Snowman Shapes Sketch

P5.js Snowman Shapes Sketch

P5.js Snowman SketchA bit more work with shapes and exploring the placement of objects on a page. The original sketch utilized the prompt method to gather input from the user. This was removed from the sketch because it felt pretty invasive.  Here’s a peek at...
P5.js mouseIsPressed Simple Sketch

P5.js mouseIsPressed Simple Sketch

P5.js mouseIsPressed Simple SketchThis sketch was a quick exposure to the mousePressed function in P5.js. I also spent some time exploring simple geometric shapes. If you mouse-click on the red canvas the shapes will change. Here’s a peek at the raw Javascript...
P5.js and Starting Javascript Exploration

P5.js and Starting Javascript Exploration

Getting Started with Javascript through P5.jsWith the spring semester rolling and the final course of my MA program underway, I’ve started taking a more in-depth, more structured look at the front-end development language of Javascript with the library P5.js. ...