o
Orbit · Activity Globe

One globe, two render engines.

A real-time 3D activity globe, built twice over a shared core so the two rendering strategies can be compared head-to-head. Same scene, same controls, same data — only the pixels are pushed differently. Each view shows a live FPS meter.

Renderer A

Canvas 2D

Immediate-mode drawing to a single canvas. The whole frame is cleared and redrawn each tick — no persistent nodes, no per-frame DOM work. Built for FPS.

high fpsadditive glowsDPR-aware
Renderer B

SVG

Retained-mode: persistent SVG nodes whose attributes are updated each frame. The original approach — crisp, resolution-independent, identical look.

vector-crispblend-mode glowsretained DOM
Read the write-up
Orbit · side-by-side ← Back to chooser
Canvas 2D
SVG