# bammbeh/virtual-tour-sti-college-munoz-edsa- architecture

> Architecture diagram of the GitHub repository bammbeh/virtual-tour-sti-college-munoz-edsa-, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-15). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/bammbeh/virtual-tour-sti-college-munoz-edsa-
- Repository: https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-

## Overview

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: [`sti-college-munoz-edsa/app-files/index.js`](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js) (Panorama viewer), [`sti-college-munoz-edsa/app-files/data.js`](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/data.js) (Scene definitions), [`sti-college-munoz-edsa/app-files/tiles`](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/tree/main/sti-college-munoz-edsa/app-files/tiles) (Panorama tiles), [`sti-college-munoz-edsa/app-files/img`](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/tree/main/sti-college-munoz-edsa/app-files/img) (UI images)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_tour["Tour interface"]
  node_viewer["Panorama viewer<br/>[index.js]"]
  node_navigation["Scene navigation<br/>[index.js]"]
  node_viewcontrols["View controls<br/>[index.js]"]
  node_hotspots["Hotspot interactions<br/>[index.js]"]
end

subgraph group_content["Campus content"]
  node_scenedata["Scene definitions<br/>[data.js]"]
  node_campuslocations["Campus locations<br/>[data.js]"]
  node_facilityinfo["Facility descriptions<br/>[data.js]"]
end

subgraph group_assets["Panorama assets"]
  node_panotiles["Panorama tiles"]
  node_images["UI images"]
end

node_visitor(("Visitor"))
node_marzipano["Marzipano library"]
node_browser["Web browser"]

node_visitor -->|"explores"| node_viewer
node_viewer -->|"loads scene data"| node_scenedata
node_viewer -->|"creates scenes"| node_marzipano
node_viewer -->|"loads tile images"| node_panotiles
node_viewer -->|"wires scene selection"| node_navigation
node_navigation -->|"reads link targets"| node_scenedata
node_navigation -->|"switches scenes"| node_viewer
node_viewer -->|"wires view actions"| node_viewcontrols
node_viewer -->|"creates hotspots"| node_hotspots
node_hotspots -->|"uses hotspot details"| node_scenedata
node_hotspots -->|"follows scene links"| node_navigation
node_hotspots -->|"loads hotspot icons"| node_images
node_scenedata -->|"defines scenes"| node_campuslocations
node_scenedata -->|"stores descriptions"| node_facilityinfo
node_viewer -->|"updates interface"| node_browser

click node_viewer "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js"
click node_navigation "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js"
click node_viewcontrols "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js"
click node_hotspots "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js"
click node_scenedata "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/data.js"
click node_campuslocations "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/data.js"
click node_facilityinfo "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/data.js"
click node_panotiles "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/tree/main/sti-college-munoz-edsa/app-files/tiles"
click node_images "https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/tree/main/sti-college-munoz-edsa/app-files/img"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_viewer,node_navigation,node_viewcontrols,node_hotspots,node_browser toneBlue
class node_scenedata,node_campuslocations,node_facilityinfo toneAmber
class node_panotiles,node_images toneMint
class node_visitor,node_marzipano toneIndigo
```

## Components

### Tour interface

- [Panorama viewer](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js): `sti-college-munoz-edsa/app-files/index.js`
- [Scene navigation](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js): `sti-college-munoz-edsa/app-files/index.js`
- [View controls](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js): `sti-college-munoz-edsa/app-files/index.js`
- [Hotspot interactions](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/index.js): `sti-college-munoz-edsa/app-files/index.js`

### Campus content

- [Scene definitions](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/data.js): `sti-college-munoz-edsa/app-files/data.js`
- [Campus locations](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/data.js): `sti-college-munoz-edsa/app-files/data.js`
- [Facility descriptions](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/blob/main/sti-college-munoz-edsa/app-files/data.js): `sti-college-munoz-edsa/app-files/data.js`

### Panorama assets

- [Panorama tiles](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/tree/main/sti-college-munoz-edsa/app-files/tiles): `sti-college-munoz-edsa/app-files/tiles`
- [UI images](https://github.com/bammbeh/virtual-tour-sti-college-munoz-edsa-/tree/main/sti-college-munoz-edsa/app-files/img): `sti-college-munoz-edsa/app-files/img`

### Other components

- **Visitor**
- **Marzipano library**
- **Web browser**

## Connections

- Visitor → Panorama viewer: explores (evidence: `README.md`)
- Panorama viewer → Scene definitions: loads scene data (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Panorama viewer → Marzipano library: creates scenes (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Panorama viewer → Panorama tiles: loads tile images (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Panorama viewer → Scene navigation: wires scene selection (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Scene navigation → Scene definitions: reads link targets (evidence: `sti-college-munoz-edsa/app-files/data.js`)
- Scene navigation → Panorama viewer: switches scenes (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Panorama viewer → View controls: wires view actions (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Panorama viewer → Hotspot interactions: creates hotspots (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Hotspot interactions → Scene definitions: uses hotspot details (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Hotspot interactions → Scene navigation: follows scene links (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Hotspot interactions → UI images: loads hotspot icons (evidence: `sti-college-munoz-edsa/app-files/index.js`)
- Scene definitions → Campus locations: defines scenes (evidence: `sti-college-munoz-edsa/app-files/data.js`)
- Scene definitions → Facility descriptions: stores descriptions (evidence: `sti-college-munoz-edsa/app-files/data.js`)
- Panorama viewer → Web browser: updates interface (evidence: `sti-college-munoz-edsa/app-files/index.js`)