HOME / 3D NAVIGATION FOR TIU

3D Navigation Application For TIU

An interactive 3D campus navigation web application for Tishk International University — students and visitors find any room, office or professor with real-time, step-by-step wayfinding.

Web Application 2024 Three.js · WebGL · Blender
Third-person navigation view
Third-person navigation — live route with distance and ETA
First-person navigation view
First-person mode — walk the route before you walk it
Application home page
Home — the whole campus in the browser
Starting a navigation
Pick a destination, get a route
2D map view
2D floor map for quick orientation
Professor directory
Professor directory with office locations
Emergency locations
Emergency locations and safety info
Office details view
Office finder with room details
3D campus model
The campus model, built in Blender and 3ds Max
Mobile search
Mobile layout with instant search
Light mode
Light mode

Project Overview

The entire TIU campus was modeled in 3D and put in the browser. Anyone can search for a room, an office or a professor and get walked there — in third person, first person or on a flat map. This project is also where our robotics story started: pixels first, machines later.

Key Features

  • Interactive campus map with 2D, third-person and first-person views
  • Real-time navigation with step-by-step directions, distance and ETA
  • Comprehensive professor directory with office locations
  • Office finder with detailed room information
  • Emergency locations and safety information
  • Mobile-responsive with optimized layouts and instant search
  • Light and dark modes

Technologies

Three.jsWebGLJavaScriptHTMLCSSNode.jsBlender3ds Max