Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

mask experiments

Public visualization

mask experiments

0 stars0🌍 Public
Sscheenmi@gmail.com
Last edited Nov 19, 2022
Created on Oct 7, 2022
Forked from HTML Starter

This example demonstrates the interplay of two complementary SVG masks. It first shows a set of horizontal stripes visible only within a circular window, then displays vertical stripes that are hidden inside the circle while remaining visible outside it. The piece creates a stark geometric contrast between the two masked regions. The visualization is generated entirely with the SVG `mask` element and basic `rect` and `circle` primitives, using white and black fills to define luminosity. The code dynamically constructs one hundred stripes for each orientation, with the masks applied via URL references to `#circle-mask` and `#circle-mask-2`.

AI-generated description

Do some stuff with masks as shown in Currans stream (ca. 3:00h)

Comments

Sign in to join the discussion.

MIT Licensed