🌍 Public
Episode 3: Sol LeWitt in Vanilla JavaScript version 2
NNita
Last edited Mar 27, 2021
Created on Mar 27, 2021
This example renders a generative SVG composition inspired by Sol LeWitt, using vanilla JavaScript and the SVG DOM API. It displays a field of randomly colored vertical rectangles, with a white circle centered over them. A second set of randomly colored horizontal rectangles is clipped by a circular mask, creating a crosshatched disk. The code constructs all shapes dynamically, assigning random fill colors and using CSS transitions to animate the vertical rectangles' height on hover.
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.