Campus navigation is a persistent challenge for new students, visitors, and staff at large educational institutions. This paper presents a web-based 3D Campus Navigation System built using JavaScript, Three.js, and the Web Audio API, capable of rendering an interactive three- dimensional model of a university campus directly in a standard browser without any plugin requirement. The system models the campus as a weighted undirected graph where buildings represent nodes and connecting pathways represent edges. Dijkstra's shortest-path algorithm is employed to compute the optimal route between any two selected locations. The computed route is visualized as a glowing animated 3D path, with an optional immersive "Fly-Through" camera animation that guides the user from the start to the destination in first-person perspective. Additional features include a Day/Night mode toggle with dynamic lighting, a building detail panel for semantic indoor data (floors and rooms), a real- time search component, distance estimation, and a fully responsive mobile layout. The application was packaged as an Android APK using Capacitor, demonstrating a viable offline-capable deployment strategy. Results show that the system delivers accurate shortest-path computation with an average response time suitable for real-time use.