Entropic Mosaic

Experimenting with AI to create mosaics.

Usage

Open any index.html from the Tilesets folder to load a mosaic. Refresh the page, hover an individual tile or click it to update the mosaic.

Methodology

Mosaics are made of two components, both AI-generated:

1. An HTML file handling the logic and display of tile, through inline JS/CSS
2. The associated collection of tiles

HTML files are generated by ChatGPT after this sort of prompt:

Please create, in javascript, a 5*5 grid of 80px tiles of tiles using SVG images from an assets folder. The images should be loaded randomly. Clicking or hovering any tile should update it randomly. The grid should be wrapped in a div whose width and height can be easily specified with % or px. Round the corners of the grid to 8px.

Tiles are generated in Midjourney then slightly edited by hand in Figma. The simpler ones are created directly in Figma.