Examples
Pages that are made of the library, and of little else. Each waits for its pictures behind a screen of its own kind, and each can be drawn by either layer.
A wall of glass
A wall of pictures behind thick glass, without an end in any direction. Every row is a slider, the rows are the slides of a slider that goes down, and the page takes the pointer and moves both. Drag it.
- marquee()
- loading()
- dome
- jelly
- slab
A reel
One picture or film at a time, as large as the screen, that turn into each other. The screen before it is made of the events of loading(): a number that runs, a curtain that goes up.
- stack()
- autoplay()
- videos()
- loading()
- warp
- split
- waves
Tape
Rows that run against each other on a page that scrolls. The scrolling pushes them, and what is pushed gives way. The loading screen is the one of the library.
- marquee()
- loading()
- jelly
- stretch
- split
Loom
Portraits that run by, and come apart into threads where they leave the screen and where they come in. After Unwoven by Clément Grellier.
- marquee()
- loading()
- unweave
- stretch
Wave
A band of pictures that runs across the screen along a wave, larger in the middle. The slides are in a row as ever: the canvas draws them on the wave.
- marquee()
- loading()
- wave
- dome
- split
Depth
A gallery whose pictures move slower than their frames, and a panel that changes how much while it runs: the effects read their numbers on every frame.
- controls()
- loading()
- parallax
- stretch
Journal
Stories in a slider whose pictures the canvas draws. Open one, and its picture leaves the slider and becomes the top of the story, on another page: a view transition between documents, where the browser has them.
- controls()
- parallax
- stretch
- @view-transition
Everything, with controls
The playground has every layout, every effect and every transition, the lightbox and the loading screen, and says under every slider who draws it and what a frame costs.