Dot Cubes

Kostki 3D renderowane jako siatki kropek z perspektywą i śledzeniem kursora.

1 min czytania

Inspirowane efektem empty-state z Basedash — siatka 3D kostek, gdzie każda kostka to dotfield renderowany na Canvas 2D.

Kropki na krawędziach i powierzchniach kostek reagują na pozycję kursora z depth-based opacity i radius. Bliższe kropki są jaśniejsze i większe, dalsze — ciemniejsze i mniejsze.

Zbudowane z React + Canvas 2D. Perspective projection, painter’s algorithm do sortowania Z-depth, smooth lerp rotacji i auto-animacja idle.