search

cncf / landscapeapp

🌄Upstream landscape generation application
https://landscapes.dev/
Apache License 2.0
255 stars 125 forks source link

Create landscape photomosaic #465

Closed dankohn closed 4 years ago

dankohn commented 5 years ago

Use photomosaic software to take all CNCF-hosted projects and organize in an image of the CNCF logo. Also, try taking all logos on the landscape and generate the landscape logo.

https://en.wikipedia.org/wiki/Photographic_mosaic

jordinl commented 4 years ago

Investigating different options:

Metapixel

Metapixel is quite slow, first we need to convert all SVGs to PNGs and then generate the mosaic. I tried a couple of approaches:

Regular mosaic with 24x24 tiles:

mosaic-24-square

Collage with 24x24 tiles (also slower):

mosaic-24-collage

jordinl commented 4 years ago

The following are not actual photomosaics. They are just HTML pages with the logo as background image and on top of that a grid with all the logos. This approach does not require converting SVG to PNG, we can just use the SVGs, plus it allows zooming in arbitrarily.

CNCF Logo

Screenshot 2019-12-11 at 11 02 07

Landscape Logo

Screenshot 2019-12-11 at 11 34 39

jordinl commented 4 years ago

worldveil/photomosaic

Lot's of repeated logos...

cncf-logo-24

jordinl commented 4 years ago

nuno-faria/tiler

Got stuck...

Loading tiles
100%|████████████████████████████████████████████████████████████████████████████████████████████| 1293/1293 [01:28<00:00, 14.68it/s]
Gettting and processing boxes
  0%|                                                                                                          | 0/5 [00:00<?, ?it/s]
jordinl commented 4 years ago

Experimenting with a custom algorithm

CNCF Logo

cncf-mosaic

Landscape Logo

landscape-mosaic

dankohn commented 4 years ago

This was really well done, and I appreciate the multiple approaches. I'm going to close unmerged for now, but we may revisit later.