Pixel Transition
Swap two content faces with a reversible, pointer-aware pixel transition.
Glaze sample
Compare the dry surface with the kiln result.
Kiln log
- Body
- Speckled stoneware
- Atmosphere
- Oxidation
- Target
- 1220°C
- Application
- Two dips, waxed foot
Bisque sample selected for inspection.
Hover the tile or move to it with Tab. Leave to return to bisque.
Implementation
1"use client";2 3import {4 useEffect,5 useRef,6 useState,7 type ButtonHTMLAttributes,8 type CSSProperties,9 type FocusEvent,10 type MouseEvent,11 type PointerEvent as ReactPointerEvent,12 type ReactNode,13} from "react";14import {15 advancePixelTransition,16 createPixelPlan,17 createPixelTransitionState,18 drawPixelTransition,19 pixelAspectRatio,20 requestPixelTransition,21 type PixelPlan,22 type PixelPoint,23 type PixelTransitionAnimation,24 type PixelTransitionPattern,25 type PixelTransitionShape,26} from "./pixelTransitionEngine";27 28export type {