device-orientation
2 posts
- 360° Panorama Viewer — Part 2: The Code, Line by Line A code-focused walkthrough of the PanoramaViewer Astro component — WebGL setup, geometry construction, event wiring, quaternion gyro tracking, synchronization guards, and failure recovery patterns.
- Building a 360° Panorama Viewer with Three.js — Geometry, Rendering & Device Motion A deep dive into the geometry, projection math, and gyroscope-driven motion mode behind a WebGL panorama viewer built as an Astro component using Three.js.