Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Episode 3: Sol LeWitt in Vanilla JavaScript version 3

Public visualization

Fork of Episode 3: Sol LeWitt in Vanilla JavaScript version 3

0 stars0🌍 Public
DDing
Last edited Oct 18, 2022
Created on Oct 18, 2022

This example shows a generative art piece inspired by Sol LeWitt, featuring a grid of animated vertical rectangles that shift downward while a white circle overlays the center. A second set of horizontal rectangles is clipped by a circular mask, creating a layered geometric composition. The animation uses the Web Animations API’s `element.animate()` with random durations and translations, while SVG elements are created dynamically via `document.createElementNS`. Random RGB fills are assigned to each rectangle, and the mask is defined using SVG `<mask>` and `<circle>` elements.

AI-generated description

Inspiration 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).

Comments

Sign in to join the discussion.

MIT Licensed