hub / github.com/edoardolunardi/infinite-canvas
github.com/edoardolunardi/infinite-canvas @main
Chat with this repo
43 symbols
100 edges
14 files
0 documented · 0%
● updated 4mo ago★ 107
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
Infinite Canvas
An infinite 3D canvas built with React Three Fiber for exploring and displaying media in a seamless, immersive space.
Features
- Infinite 3D space - Navigate through an endless grid of media items
- Performance optimized - Chunk-based rendering with distance-based culling
- Touch & mouse controls - Drag to pan, pinch/scroll to zoom
- Keyboard navigation - WASD to move, QE for up/down
- Progressive loading - Textures load on-demand with progress tracking
Getting Started
npm install
npm run dev
Tech Stack
- React 19
- Three.js
- React Three Fiber
- TypeScript
- Vite
Credits
- Images courtesy of The Art Institute of Chicago
Misc
Follow Edoardo: Instagram, GitHub, LinkedIn, X
Follow Codrops: X, Facebook, Instagram, LinkedIn, GitHub
License
Core symbols most depended-on inside this repo
lerp
called by 8
src/utils.ts
r
called by 5
src/infinite-canvas/utils.ts
setCursor
called by 5
src/infinite-canvas/scene.tsx
clamp
called by 4
src/utils.ts
getTouchDistance
called by 3
src/infinite-canvas/scene.tsx
getIsTouchDevice
called by 2
src/use-is-touch-device.ts
useIsTouchDevice
called by 2
src/use-is-touch-device.ts
sleep
called by 2
scripts/download-artworks.ts
Shape
Languages
TypeScript100%
Modules by API surface
src/infinite-canvas/scene.tsx16 symbols
src/infinite-canvas/utils.ts8 symbols
src/utils.ts5 symbols
scripts/download-artworks.ts4 symbols
src/use-is-touch-device.ts3 symbols
src/loader/index.tsx2 symbols
src/infinite-canvas/texture-manager.ts2 symbols
src/infinite-canvas/index.tsx1 symbols
src/frame/index.tsx1 symbols
src/app/index.tsx1 symbols
For agents
$ claude mcp add infinite-canvas \
-- python -m otcore.mcp_server <graph>