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.
Rise and Fall - 2023 December 11
#Rise and Fall - 2023 December 11
A Crack in the Wall - 2023 December 10
#A Crack in the Wall - 2023 December 10
Lace - 2023 September 27
#Fractal Leaves - 2023 September 24
#Fractal Leaves - 2023 September 24
Animating fractals is fun.
Fractal Triangles - 2023 September 24
#Fractal Triangles - 2023 September 24
Triangles are cool.
Fractal Trees at Sunset - 2023 September 23
#Fractal Trees at Sunset - 2023 September 23
Trees again. This time with mostly unrandomized fractals.
A Fractal at Sunset - 2023 September 22
#A Fractal at Sunset - 2023 September 22
Mixing some techniques.
First Fractal - 2023 September 22
#First Fractal - 2023 September 22
How hard can it be to write a fractal in JavaScript?
Fruit Trees - 2023 September 3
#Fruit Trees - 2023 September 3
I continue to find an interesting challenge in drawing trees.
Tile - 2021 Aug 27
#Time to start tiling.
Glide - 2021 Aug 7
#I might be satisfied with how this algorithm behaves now.
Square Weave - 2021 June 29
#A less complex path algorithm, simpler background and squares within squares brings this close to where I first envisioned it.
Dots and Boxes - 2021 June 18
#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.
Woodlands - 2021 June 12
#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.
Candle - 2021 May 11
#My recent meditation theme has been about 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.
Tree - 2021 May 6
#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.
Waves - 2021 May 2
#This is the first sketch where I felt confident enough to try a non-abstract subject.
Sketch - 2021 April 18
#These abstract pieces are loosely based on actual sketches I have drawn. The final live art has very little in common with the original sketches due to my limited mastery of JavaScript as an art medium.
Crossing Paths - 2020 December
#Crossing Paths - 2020 December
Stark Weave - 2020 December
#More Art
#There's more live interactive art over here
Older JavaScript Art
#Before I started using P5.js, I generated these images using Aza Raskin's JavaScript art tool Algorithm Ink.
License
#
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.