Pixel Field

A responsive tile field brightens and turns around the pointer, adding depth and motion without taking over the page.

Canvas 2Dhover backgroundpointer-reactive

Presets

Controls

Tile count520PaletteHover radius180Intensity0.35Wave spread (ms)820Tile flip (ms)490

Export

Serve the extracted demo from the same origin and load index.html?mode=hover in an iframe. After it sends inverse-canvas:ready, post inverse-canvas:params messages with the settings. Later updates apply without reloading the iframe.

Download portable demo

Source

AI Agency Underground

public/experiments/inverse-canvas/

Ideas Visualized

Hand-rolled visual effects, built from scratch with Canvas 2D, Web Audio, and WebGL. A project by Ideas Realized.

ideas-realized.com

Star on GitHub★