Home▸Rendering & Computer Graphics▸AR Tracking and Anchoring Lab: 2D Map and Camera View

📱 AR Tracking and Anchoring Lab: 2D Map and Camera View

Interactive 2D map and camera view of AR tracking drift, plane detection and anchor placement.

Rendering & Computer Graphics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategoryRendering & Computer Graphics

RenderingCanvas 2D

DifficultyModerate

Target FPS60

ControlsSliders for IMU noise, lighting, visual correction, camera FOV, walking speed and aim point; toggles for auto-walk and loop closure; a placement algorithm selector (plane hit-test, feature snap, depth sensor); drag the device on the map, click the map or AR view to place anchors and click an anchor to remove it; six presets.

augmented realitySLAMvisual-inertial odometryplane detectionanchorsloop closure

Related simulations

Path TracingProgressive WebGL2 path tracer rendering a Cornell box scene. Each frame accumulates one…

Procedural TexturesGLSL fragment shader procedural textures: marble, wood rings, clouds, fire, Voronoi cells…

Ray Marching & SDFInteractive ray marching renderer using signed distance fields. Sphere-trace SDFs to render… ⊞ All 162 in Rendering & Computer Graphics →

⚙ Under the hood

Interactive 2D model of augmented-reality tracking: a top-down SLAM map beside a simulated AR camera view. IMU drift, lighting, motion blur and feature-poor walls degrade tracking, plane detection unlocks anchor placement, and loop closure snaps the pose back, while anchors visibly slide off their real-world targets.

augmented realitySLAMvisual-inertial odometryplane detectionanchorsloop closure

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install