🌍 Public
Episode 3: Sol LeWitt in Vanilla JavaScript version 4
NNita
Last edited Mar 23, 2021
Created on Mar 23, 2021
This example displays a full-screen generative composition of vertical and horizontal color grids overlaying a central white circle. Built with vanilla JavaScript and the SVG API, it creates 200 animated vertical rectangles that jitter horizontally behind a masked grid of horizontal bars. The code uses `document.createElementNS` for SVG elements, CSS transforms for the infinite animation loop, and a mask to confine the horizontal grid within a circular boundary.
AI-generated descriptionInspiration from Curran's live streaming
Started from scratch. Lot of research helps.
Exercise options:
Reproduce any Sol LeWitt piece.
Create generative art in the spirit of Sol LeWitt.
Add animation to what we’ve created (e.g. rotation).
MIT Licensed
Comments
Sign in to join the discussion.