Viewing a saved revision (read-only)
25ddee2069384f5a9458daf36402a7af
Episode 3: Sol LeWitt in Vanilla JavaScript version 4
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).