Home▸Computer Science▸Augmented Reality: Tracking & Overlay Simulator

📱 Augmented Reality: Tracking & Overlay Simulator

Interactive AR pipeline simulator: switch between marker-based and markerless (SLAM) tracking, watch feature points and a virtual overlay object lock onto the real world, and see how sensor noise and pipeline latency create drift and lag.

Computer Science3DModerate60 FPS

Details

CategoryComputer Science

RenderingThree.js · WebGL

DifficultyModerate

Target FPS60

ControlsTracking-mode buttons (Marker-based / Markerless SLAM) switch the tracking pipeline; overlay-object buttons (Lamp / Chair / Robot) change the anchored virtual model; sensor-noise slider (0-5cm) adds pose jitter; pipeline-latency slider (0-300ms) adds display lag; feature-points toggle shows/hides the tracked feature cloud; auto-orbit toggle rotates the camera; drag to orbit manually.

Three.jsAugmented RealitySLAMComputer VisionInstancedMesh

📖 Read the articleThe maths behind Augmented Reality: Tracking & Overlay Simulator

Related simulations

Hash Function Avalanche VisualizerInteractive 3D bit-grid where flipping a single input bit shows how a cryptographic hash's…

Merkle Tree Proof VisualizerInteractive 3D binary hash tree where selecting a leaf and generating its proof path shows…

CPU Scheduling Policy SimulatorInteractive 3D process queue where switching between FCFS, SJF, priority and round-robin… ⊞ All 83 in Computer Science →

⚙ Under the hood

Three.jsAugmented RealitySLAMComputer VisionInstancedMesh

3D · Three.js / WebGL renderer · 60 FPS target · runs fully client-side, no install