PixCity.net
Frontend, hand-built. Every block below is a live experiment — no frameworks, no libraries. 前端，手作。
01
A poster that builds itself as you scroll
CSS scroll-driven animationsview-timelinefallback: scrubbed paused animations
FORM · 形
02
Type on springs
Move your pointer (or finger) through the letters. Each glyph is a damped spring, integrated every frame.
requestAnimationFrameHooke's lawpointer events
BAUHAUS
03
Six faces, zero WebGL
Drag to spin. Pure CSS 3D transforms with momentum and friction.
preserve-3dperspectiveinertia
RED
BLUE
YELLOW
GREEN
INK
04
Shape shifting
Every shape is resampled to the same 96 points, then interpolated with an elastic ease. Click the shape to cycle.
SVG pathspoint resamplingcustom easing
05
A poster per seed
A tiny seeded PRNG drives composition, palette and grain. Same seed, same poster — share the link.
Canvas 2Dmulberry32URL state