Launching today
Canvas Tile Engine – Maps,Grids&Editors
Build tile maps, game boards and pixel editors faster
12 followers
Build tile maps, game boards and pixel editors faster
12 followers
Build interactive 2D maps, game boards, pixel editors, minimaps, and large data grids with a renderer-agnostic TypeScript engine. Canvas Tile Engine supports Canvas2D, WebGL, React, React Native (Skia), and server-side rendering, providing a unified API with pan/zoom, layers, sprites, viewport culling, and high-performance rendering across platforms.
How does the viewport culling actually perform on really large grids like 100k+ tiles? Curious if you're using spatial indexing or just brute force checks during pan/zoom.
Does it handle really large grids like 10k x 10k without choking, and what happens if I need to swap renderers later in the project?
Rendered a pretty large tile map with layers and pan/zoom running smoothly on both Canvas2D and WebGL with no API changes needed. The renderer-agnostic approach is genuinely useful for cross-platform work.
Been messing around with the viewport culling on a pretty big map and it's holding up really well, no dropped frames even when zooming fast. The unified API across Canvas2D and WebGL made switching renderers way less painful than I expected.
The renderer-agnostic API is a really smart move, makes swapping between Canvas2D and WebGL painless. Caught me off guard how smooth the pan and zoom felt even on a pretty dense grid.
Finally a tiles API that doesn't lock you into canvas2d. The pan/zoom layer culling feels really solid and switching to WebGL was just a one-line change.