Interactive Pixel Art
Every visitor experiences a unique new piece of pixel art.
I created these using the P5.js library.
Try clicking the art. Some of them interact.
June 2021 Sketches
Square Weave - June 29
A less complex path algorithm, simpler background and squares within squares brings this close to where I first envisioned it.
80s Weave - June 28
Using various angles other than 90 degres for the line paths was interesting - but it proved too busy for re-use in later sketches. Notice that the next sketch sticks to 90 degree angles.
Dots and Boxes
This quick tribute to 80s Pop Art is also a demonstration that I am getting a bit more comfortable controling the animation sequence.
Most notably, for this piece I start and stop the animation exactly when I want to.
The most obvious change in this piece of pixel art is that the tree growth is now visibly animated.
To achieve this, I created a trivial animation plan tracking algorithm. It stacks function calls into an array and plays them back slowly enough that the viewer can watch the algorithm work.
Behind the scenes, I also began re-working the existing shared code into small re-usable libraries.
This required an interesting change to the site generation template, which you can see here.
May 2021 Skethes
May 20 - Snowy Day
The random effects are managed quite differently in this piece, because the entire canvas has to be redrawn with every frame.
So there's extra work in the code preventing the window frame color from changing, and the sun from flickering across the sky.
It was pretty adorable when the snowman's arms were flailing randomly, I have to admit.
May 11 - Candle
My recent meditation theme has been on slowing down.
- The wood grain algorithm is a refinement on the grass algorithm in the tree sketch.
- The dribbling wax just makes me smile.
- The sky algorithm is subtly shifted to later evening, to justify the presence of the candle.
May 6 - Tree
This was an interesting technical challenge to create random branching rules that feel natural.
- Most of the effort on the background was to give the tree a space to feel more alive.
May 2 - Waves
This is the first sketch where I felt confident enough to try a non-abstract subject.
April 2021 Sketches
The abstract pieces below are loosely based on actual sketches I have drawn.
December 2020 Sketches
Bouncing in Boxes
The source code to this art is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License. You may use and remix this code, as long as you give attribution to Edward Delaporte.
The artwork, itself, is Copyright of Edward Delaporte, 2021.