compiz-2.webm
Shader-driven web page transitions inspired by Compiz, the Linux window manager.
Each page navigation runs a WebGL fragment shader that reads both the old and new page as live textures via the texElementImage2D() API, then composites them through the selected effect.
Requirements
Requires Chrome Canary with the HTML-in-Canvas flag enabled:
--enable-features=HTMLInCanvas
Falls back to plain page swaps on unsupported browsers.
Running
How it works
- Pages live inside a
<canvas layoutsubtree>element - The browser lays out the HTML but doesn't paint it
texElementImage2D()renders each page into a WebGL texture- A fullscreen quad fragment shader blends the two textures based on progress
- Each effect is a self-contained shader with its own uniforms and timing