360° Panorama Viewer

Overview

A short R&D build exploring immersive 360° panoramic image rendering directly in the browser, built around the Pannellum WebGL viewer with a cubemap (six-face) image set.

Why It Exists

Created to evaluate how to present equirectangular/cubemap panoramic photography on the web with smooth pan-and-zoom interaction, a building block for virtual-tour and immersive-media features.

What We Built

A self-contained demo (demo.html) wiring the Pannellum library (pannellum.js, libpannellum.js, pannellum.css) with a requestAnimationFrame shim and a faces/ directory of cubemap tiles (front/back/left/right/up/down) plus sample panoramas. The viewer renders the scene with WebGL and a hotspot/overlay marker.

Technologies & Approach

Vanilla JavaScript and the Pannellum WebGL panorama library, loading pre-split cubemap faces for fast rendering. No build tooling, a static page intended for quick evaluation and iteration.

Outcome / Impact

A working proof that browser-native immersive panoramic viewing was achievable with off-the-shelf WebGL tooling, informing later media-presentation work.

Capabilities Demonstrated

• Browser-based 360° panoramic rendering
• WebGL cubemap asset handling
• Lightweight, dependency-light front-end building