Prismalpha.8
Examples

Prism Atelier

A creative-coding example that turns DOM-authored HTML/CSS/SVG surfaces into repeated canvas material.

Prism Atelier demonstrates DOM-authored visual surfaces as canvas material.

The source artwork is ordinary HTML/CSS/SVG: a typographic word surface, an inline SVG glyph, a CSS composition, and an SVG pattern tile. Prism registers those DOM nodes as surfaces, and Atelier composes the selected surface repeatedly inside a canvas paint pass.

The example demonstrates Prism in a creative-coding workflow: the app owns mode, palette, pointer input, transforms, and canvas composition, while Prism owns surface registration, paint lifecycle, readiness, and cleanup for the DOM-authored sources.

Live example: atelier.runprism.dev

Atelier requires native HTML-in-Canvas support. Use a Chromium/Chrome Canary build with the Canvas Draw Element flag enabled:

chrome://flags/#canvas-draw-element

React Composer Lite

A React example using component-authored surfaces in a canvas composition.

Pie Chart

A minimal canvas/data example adapted from the WICG HTML-in-Canvas repo.