How bammbeh/virtual-tour-sti-college-munoz-edsa- works
This is a static, browser-based virtual tour of STI College Muñoz EDSA. A visitor selects a campus scene, explores its 360° panorama, follows hotspot links to other scenes, and opens informational hotspots describing facilities. The sampled viewer code builds scenes from APP_DATA and local tile images and provides scene-list, view, autorotate, and fullscreen controls. The README also documents mobile-responsive navigation. The tree and excerpts do not expose page markup or all scene data, so those implementation details and broader scene coverage are represented conservatively.
Main entry points: index.js Panorama viewer · data.js Scene definitions · tiles Panorama tiles · img UI images
Components 12
Tour interface
- Panorama viewer
sti-college-munoz-edsa/app-files/index.js - Scene navigation
sti-college-munoz-edsa/app-files/index.js - View controls
sti-college-munoz-edsa/app-files/index.js - Hotspot interactions
sti-college-munoz-edsa/app-files/index.js
Campus content
- Scene definitions
sti-college-munoz-edsa/app-files/data.js - Campus locations
sti-college-munoz-edsa/app-files/data.js - Facility descriptions
sti-college-munoz-edsa/app-files/data.js
Panorama assets
- Panorama tiles
sti-college-munoz-edsa/app-files/tiles - UI images
sti-college-munoz-edsa/app-files/img
Other components
- Visitor
- Marzipano library
- Web browser
Connections 15
- Visitor → Panorama viewer: explores
README.md - Panorama viewer → Scene definitions: loads scene data
sti-college-munoz-edsa/app-files/index.js - Panorama viewer → Marzipano library: creates scenes
sti-college-munoz-edsa/app-files/index.js - Panorama viewer → Panorama tiles: loads tile images
sti-college-munoz-edsa/app-files/index.js - Panorama viewer → Scene navigation: wires scene selection
sti-college-munoz-edsa/app-files/index.js - Scene navigation → Scene definitions: reads link targets
sti-college-munoz-edsa/app-files/data.js - Scene navigation → Panorama viewer: switches scenes
sti-college-munoz-edsa/app-files/index.js - Panorama viewer → View controls: wires view actions
sti-college-munoz-edsa/app-files/index.js - Panorama viewer → Hotspot interactions: creates hotspots
sti-college-munoz-edsa/app-files/index.js - Hotspot interactions → Scene definitions: uses hotspot details
sti-college-munoz-edsa/app-files/index.js - Hotspot interactions → Scene navigation: follows scene links
sti-college-munoz-edsa/app-files/index.js - Hotspot interactions → UI images: loads hotspot icons
sti-college-munoz-edsa/app-files/index.js - Scene definitions → Campus locations: defines scenes
sti-college-munoz-edsa/app-files/data.js - Scene definitions → Facility descriptions: stores descriptions
sti-college-munoz-edsa/app-files/data.js - Panorama viewer → Web browser: updates interface
sti-college-munoz-edsa/app-files/index.js