The front page is periodically updated with a fresh generative art backdrop. Presented below is an archive of the previous backdrops displayed on this site.

But, wait, what is Generative Art?

A simplistic definition would be that generative art is the creation of art via code. In the context of this website, it is the drawing of visuals on the screen through the use of coded instructions. The computer starts with a blank canvas and paints the picture via a combination of rules, instructions, and data. Since it is drawn in real-time, it allows the visual to be interactive and randomised via the adjustment of the parameters and data provided to the code.

The backdrops presented on this page are generated within the website, and often make use of randomness which results in unique artworks being generated on each visit. The majority of backdrops react to user interactions such as the position of the cursor, hovering over links on the page and clicking on the backdrop itself, so feel free to get interactive and play around.

Date: 10 March 2022

#2 Aquatic Pincushion

.astro-imagetools-picture-403022BF{--opacity:1;--z-index:0}.astro-imagetools-picture-403022BF img{z-index:1;position:relative}.astro-imagetools-picture-403022BF::after{inset:0;content:"";width:100%;height:100%;position:absolute;transition:opacity .2s ease 0s;opacity:var(--opacity);z-index:var(--z-index)}.astro-imagetools-picture-403022BF img{object-fit:cover;object-position:50% 50%}.astro-imagetools-picture-403022BF::after{background-size:cover;background-image:url("data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANABQDASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAUGB//EACMQAAIBAwQBBQAAAAAAAAAAAAEDAgAEBgUREzESFSEiUXH/xAAWAQEBAQAAAAAAAAAAAAAAAAAFAwT/xAAdEQABBAIDAAAAAAAAAAAAAAABAAIDEQRRImHw/9oADAMBAAIRAxEAPwDheP6R6o/ZjCtIOxMeyap57iQxW+QlV9C+g1fJIrgRwk9RlLon8qdjl1NTZrj0flVbXdQdPT2iZ8gRt7n7p9uAyaATNdVA32faV2iIwEEctrIUpSiVjX//2Q==");background-position:50% 50%} Image of the #2 Aquatic Pincushion backdrop

Warning, my attempt at 'artspeak': A pulsing pincushion of vibrant colour experiencing underwater currents. Inspired by the natural beauty of coral reefs.

Tags: canvas; webGL; animated; interactive

Date: 10 January 2022

#1 Windy Day

.astro-imagetools-picture-E9597836{--opacity:1;--z-index:0}.astro-imagetools-picture-E9597836 img{z-index:1;position:relative}.astro-imagetools-picture-E9597836::after{inset:0;content:"";width:100%;height:100%;position:absolute;transition:opacity .2s ease 0s;opacity:var(--opacity);z-index:var(--z-index)}.astro-imagetools-picture-E9597836 img{object-fit:cover;object-position:50% 50%}.astro-imagetools-picture-E9597836::after{background-size:cover;background-image:url("data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAMBBAf/xAAcEAADAAIDAQAAAAAAAAAAAAAAAQIDEQQhMTL/xAAVAQEBAAAAAAAAAAAAAAAAAAACBf/EABgRAAMBAQAAAAAAAAAAAAAAAAABEQIx/9oADAMBAAIRAxEAPwDE+JhVpOnodlwzC+ii7qfGSrql2yimuE15dtGP0BTb2AaKH//Z");background-position:50% 50%} Image of the #1 Windy Day backdrop

A grid of vectors resembeling wind weather patterns typically displayed over maps. The direction and magnitude of the vectors are constantly changing in a natural manner just like shifting breezes across a field of long grass.

Tags: canvas; webGL; animated; interactive

Date

Lost

.astro-imagetools-picture-B8BF2D2E{--opacity:1;--z-index:0}.astro-imagetools-picture-B8BF2D2E img{z-index:1;position:relative}.astro-imagetools-picture-B8BF2D2E::after{inset:0;content:"";width:100%;height:100%;position:absolute;transition:opacity .2s ease 0s;opacity:var(--opacity);z-index:var(--z-index)}.astro-imagetools-picture-B8BF2D2E img{object-fit:cover;object-position:50% 50%}.astro-imagetools-picture-B8BF2D2E::after{background-size:cover;background-image:url("data:image/jpeg;base64,/9j/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAANABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAMI/8QAGBAAAwEBAAAAAAAAAAAAAAAAAAECAxH/xAAWAQEBAQAAAAAAAAAAAAAAAAAAAwT/xAAXEQEBAQEAAAAAAAAAAAAAAAAAEQEC/9oADAMBAAIRAxEAPwDPObU11ldblzxIgDVUN5u0AAH/2Q==");background-position:50% 50%} Image of the Lost backdrop

A shifting maze structure generated around a block-lettered title. Displayed as the backdrop to the "Page Not Found" page of the website.

Tags: canvas; animated

View 404 Page

Generative Art Backdrops

#2 Aquatic Pincushion

#1 Windy Day

Lost