Dot Cubes
3D cubes rendered as dot grids with perspective projection and cursor tracking.
ReactCanvas3Dinteractive
1 min read
Inspired by the empty-state effect from Basedash — a 3D cube grid where each cube is a dotfield rendered on Canvas 2D.
Dots on edges and surfaces react to cursor position with depth-based opacity and radius. Closer dots are brighter and larger, farther ones — dimmer and smaller.
Built with React + Canvas 2D. Perspective projection, painter’s algorithm for Z-depth sorting, smooth rotation lerp, and idle auto-animation.