Browser API test suite for building a location-aware outdoor experience.
Each page isolates one core technology — GPS positioning, tile mapping, device orientation, proximity detection, camera overlay, motion sensing, and the coordinate maths that ties it all together. Tests are designed to run on a real mobile device outdoors.
npx localtunnel or Cloudflare Tunnel to expose localhost over HTTPS.
Live GPS readout — position, accuracy radius, altitude, speed, and heading. Logs position history to measure drift and update frequency.
GPS · Accuracy · DriftTile-based slippy map centred on the device's GPS position. Tests tile loading, coordinate-to-pixel projection, and player marker tracking.
Tiles · Leaflet · OSMDeviceOrientation API — compass heading, tilt (pitch/roll), and gimbal-lock edge cases. Visual compass rose updates in real time.
DeviceOrientation · HeadingPlace test points of interest and watch live distance calculations. Triggers when the device enters or leaves configurable radius zones.
Haversine · Geofence · ZonesLive camera feed with a canvas layer that pins markers to compass bearings. Tests camera access, orientation data, and screen-space projection.
getUserMedia · Orientation · CanvasDeviceMotion API — raw acceleration, step estimation from peak detection, and distinguishing walking from stationary or vehicular movement.
DeviceMotion · Accelerometer · StepsInteractive calculators for Haversine distance, bearing, great-circle midpoint, tile coordinates, and viewport-to-world-space projection.
Haversine · Bearing · Tiles