Infinite Canvas

Project description

A pan-anywhere, seamless 3D image space built with React Three Fiber. • Camera moves freely on X, Y, and Z • World is streamed in fixed-size chunks around the camera • Layouts are deterministic, chunks can be destroyed and recreated without jumps • Illusion of infinity with a constant render cost • Inertia-driven input for mouse, touch, wheel, and keyboard • Distance-based fading and aggressive culling to avoid wasted work • Tuned for high refresh rates, up to 120fps on capable hardware The pattern itself is not new. Variations of this spatial gallery idea have been explored over the years, recently by Chakib Mazouni in earlier experiments. This is my own implementation and engineering approach, focused on how the system is actually built, why certain tradeoffs exist, and how to keep it production-friendly. Images courtesy of the Art Institute of Chicago Open Access Collection. The trick is not rendering more. It’s rendering only what matters, and making everything else disposable 🪄