Hi all,<p>This is a generative art project I worked on over the past year or so consisting of about 100 little artworks generated using P5.js.<p>I have an overview and technical write up here: <a href="https://dannyking.uk/artwork/colororbs" rel="nofollow">https://dannyking.uk/artwork/colororbs</a><p>You can play with my interactive demo and make your own here: <a href="https://dannyking.uk/artwork/colororbs/designer" rel="nofollow">https://dannyking.uk/artwork/colororbs/designer</a><p>And the gallery is here: <a href="https://dannyking.uk/artwork/colororbs/gallery" rel="nofollow">https://dannyking.uk/artwork/colororbs/gallery</a><p>This project came about after reading a HN post about a year ago (<a href="https://news.ycombinator.com/item?id=25712767" rel="nofollow">https://news.ycombinator.com/item?id=25712767</a>) by Atul Vinayak on generating beautiful 'Noise Planets' and I got kind of obsessed from there!
For a webpage [0] about visual art, the art itself disappointly gets less than 5% of screen space. When you present art you're supposed to <i>present the art.</i> This page is a massive waste of empty space, asking the viewer to employ a magnifying glass to see the thing being talked about.<p>Here's a quick mockup of how I'd do it:<p><a href="https://hypertele.fi/temp/i7b46v465q3c54qtvh.png" rel="nofollow">https://hypertele.fi/temp/i7b46v465q3c54qtvh.png</a><p>The gallery page [1] doesn't even work. Clicking on an orb just makes it black, nothing happens.<p>[0] <a href="https://www.dannyking.uk/artwork/colororbs" rel="nofollow">https://www.dannyking.uk/artwork/colororbs</a><p>[1] <a href="https://dannyking.uk/artwork/colororbs/gallery" rel="nofollow">https://dannyking.uk/artwork/colororbs/gallery</a>
I suppose my comment is more supportive than constructive, but I really like this concept; everything from the site design to the art itself is A+. I wasn't at all familiar with p5.js but the explanation you make is pretty accessible and gets me thinking. I'd love to have a slow-running b&w orb being drawn in a framed e-ink display. Thanks for sharing.
I feel a bit silly, but I didn’t realize at the beginning that each art piece is a video to be played. (My bad for skimming the text probably, but the UI is a bit unusual as well.) Anyway, once I realized that, I understood much better why the author loves these. Each one has a lot of “character.” Thank you for sharing!
I think one of the hardest parts of procedural generation is curation. Finding the interesting results and then somehow highlighting them.<p>Your approach of having both the curated galleries as well as an interactive version is really nice.<p>I wonder whether you have also experimented with a 3d version. It would be nice to spin these around.