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 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 A Crack in the Wall - 2023 December 10

A Crack in the Wall - 2023 December 10

Lace - 2023 September 27

Lace - 2023 September 27 Lace - 2023 September 27

Lace - 2023 September 27

Fractal Leaves - 2023 September 24

Fractal Leaves - 2023 September 24 Fractal Leaves - 2023 September 24

Fractal Leaves - 2023 September 24

Animating fractals is fun.

Fractal Triangles - 2023 September 24

Fractal Triangles - 2023 September 24 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 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 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 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 Fruit Trees - 2023 September 3

Fruit Trees - 2023 September 3

I continue to find an interesting challenge in drawing trees.

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.

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.

Tree - 2021 May 6

Tree - 2021 May 6 Tree - 2021 May 6

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

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

Older JavaScript Art

Before I started using P5.js, I generated these images using Aza Raskin's JavaScript art tool Algorithm Ink.

Art Art Art

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.