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.

Another Sketch - In Progress

Another Sketch - In Progress Another Sketch - In Progress

Another Sketch - In Progress

Tile - 2021 Aug 27

Tile - 2021 Aug 27 Tile - 2021 Aug 27

Tile - 2021 Aug 27

Time to start tiling.

Glide - 2021 Aug 7

Glide - 2021 Aug 7 Glide - 2021 Aug 7

Glide - 2021 Aug 7

I might be satisfied with how this algorithm behaves now.

Sliders - 2021 July 28

Sliders - 2021 July 28 Sliders - 2021 July 28

Sliders - 2021 July 28

Square Weave - 2021 June 29

Square Weave - 2021 June 29 Square Weave - 2021 June 29

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

Dots and Boxes - 2021 June 18 Dots and Boxes - 2021 June 18

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

Woodlands - 2021 June 12 Woodlands - 2021 June 12

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

Candle - 2021 May 11 Candle - 2021 May 11

Candle - 2021 May 11

My recent meditation theme has been about slowing down.

Waves - 2021 May 2

Waves - 2021 May 2 Waves - 2021 May 2

Waves - 2021 May 2

This is the first sketch where I felt confident enough to try a non-abstract subject.

Sketch - 2021 April 18

Sketch - 2021 April 18 Sketch - 2021 April 18

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 Crossing Paths - 2020 December

Crossing Paths - 2020 December

Stark Weave - 2020 December

Stark Weave - 2020 December Stark Weave - 2020 December

Stark Weave - 2020 December

More Art

There's more live interactive art over here

License

Creative Commons 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.