Cleanroom Virtual Tour

An interactive 360° panoramic tour of a university cleanroom facility, built with A-Frame and WebXR.

Features

• 360° panoramas across multiple lab areas: Gowning Room, EBD & Dry Etcher, EBL Lab, and Wet Lab
• Clickable hotspots to navigate between scenes or pull up machine info panels
• Machine descriptions with images and details for equipment like the E-beam Evaporator, ICP-RIE dry etchers, EBL, SEM, Mask Aligner, Spin Coater, and more
• WebXR / VR support — works in a browser and in a VR headset with gaze-based cursor navigation
• Scene config driven via scenes.json — add new scenes and hotspots without touching HTML

Scenes

ID	Location
gowning	Gowning Room
ebd-1 – ebd-4	EBD & Dry Etcher (4 views)
ebl	EBL Lab
wetlab-1 – wetlab-2	Wet Chemistry / Photolithography / Metrology Lab (2 views)

Usage

Open webxr.html (or index.html) in a browser. No build step required — it's plain HTML + JS.

For VR, open the page on a WebXR-compatible device and press the headset icon to enter immersive mode. Navigation uses gaze-based fuse cursors (dwell 1.5 s).

Project Structure

pano-viewer/
├── webxr.html              # Main WebXR viewer
├── index.html              # Entry point / landing page
├── scenes.json             # Scene and hotspot configuration
├── images/                 # 360° panorama photos
│   └── select/
│       ├── scene 0 - gowning room/
│       ├── scene1 - EBD/dry etcher/
│       ├── scene2 - EBL lab/
│       └── scene 3- Wet Lab/
└── machine-descriptions/   # HTML panels for individual machines
    └── images/             # Equipment photos