AirSafe AI
Three.js
React Three Fiber
Next.js
TypeScript
GeoTIFF
shadcn/ui
AirSafe is a web-based 3D visualization tool that models airspace conflicts between helicopter routes and aircraft approach paths.
What It Does
Provides an interactive 3D web tool that renders geospatial terrain, lets users draw helicopter corridors and aircraft approach paths, automatically detects conflicts between them, and visualizes the results in real time.
Technical Highlights
- Precise coordinate-system transforms from lat/lon to 3-space.
- In-browser GeoTIFF parsing for colour and elevation.
- Dynamic altitude interpolation along polyline routes.
- Optimised Three.js rendering for semi-transparent 3D corridors.
What I Like
- Recolored the sectional charts to look really nice and less overwhelming
- The 3D visualization is really cool, and I'm proud of the computational geometry engine I built to find the intersection points of the helicopter corridor and the aircraft approach path