Generative art

I recently discovered some really beautiful pieces of generative art on r/generative.

In the same spirit as a precedent article on glitch art, I want to share some of my favorites:

Everything's Fine by Kenny Vaden
Everything's Fine by Kenny Vaden
Genuary Day 25 - Perspective by tasty_plots
Semi epihyperderpflardioids by piterpasma - HD 720p version
Moving Cities by Annibale Siconolfi | Inward
Octahedron with a twist by ParanoidTiger aka Michał Ciebiada - HD 720p version

Some incredible art by Frank Force aka KilledByAPixel:

A City in 185 Bytes of JavaScript
Astronomic Comics - Code Generated Space Comics
Astronomic Comics - Code Generated Space Comics - visit the link for more pages
Gensuzendō - Generative Calligraphy
Gensuzendō - Generative Calligraphy - visit the link for more pages

Some splendid plotter drawings by Anders Hoff @ inconvergent.net:

Plotter drawing
Plotter drawing
Plotter drawing

Three beautiful pieces by @j2rgb:

geometric avoidance
parametric organisms
perlins loom

Three amazing pieces by @Revrart:

A NEW DIMENSION - HD 720p version
Autumn in Adelpha - HD 720p version
Teleportation - HD 720p version

Artist @R1B2 also wrote a very interesting article on how he made his Minining Structures series using p5.js: Mining Structures walkthrough. I'd really love to see the JS code that he wrote!

Mining structure by R1B2


This article is also an opportunity to test some very simple & efficient JS logic to lazy load videos, inspired by this article @ ottball.com:

document.addEventListener("DOMContentLoaded", () => {
  const videoObserver = new IntersectionObserver((entries, observer) => {
    entries.forEach((video) => {
      if (video.isIntersecting) {
        video.target.load();
        video.target.classList.remove("lazy");
        videoObserver.unobserve(video.target);
      }
    });
  });
  document.querySelectorAll("video.lazy").forEach((video) => videoObserver.observe(video));
});