This project developed was at the 2019 AEC Hackathon in Silicon Valley. It won First Place in the competition under the “Best Overall” project category.
The project is an application for visualizing proposed buildings, their code-constraints, and environmental analyses in situ using AR & VR.
The architecture of the application was highly experimental, and fitting with the the theme of the hackathon. We used Vue.JS as our main frontend framework, and added in Ionic which would allow us to create native Android and iOS builds, increasing the amount of users we could potentially reach. This created some problems for us with the UI and DOM interactions since Ionic has been Angular-specific until recently, On the backend, we created a Flask Python server which would allow us to run analysis and geometry operations using our own algorithms, and Ladybug Tools’ open API.
The final prototype featured the UI skeleton, as well as one AR and one manual mode for viewing the model. Since this was a POC, we only loaded in one model and marker, allowing the user to see the city of San Francisco either on their tabletop, or just spinning on their phones. We are still working on the final piece of the prototype, which is connecting the backend server analysis with the frontend visualization and allowing the user to control it.