Interactive Office Map

2D/3D Navigation System

About This Project

Developed a sophisticated interactive mapping solution using Three.js for 3D rendering and React for the interface layer. The system handles complex building geometries with thousands of polygons while maintaining 60fps performance. Implemented advanced features including spatial pathfinding algorithms, camera controls, and seamless 2D/3D view transitions. Set up a complete CI/CD pipeline with automated testing and deployment using GitLab.

Key Highlights

• Built 3D rendering engine with Three.js achieving 60fps performance
• Implemented A* pathfinding algorithm for optimal route calculation
• Optimized geometry processing for large floor plans (10k+ polygons)
• Created smooth camera controls and view transitions
• Set up automated CI/CD pipeline with GitLab
• Implemented spatial data structures for efficient collision detection