Building Visualization App

April 2022

August 2022

University

Sommersemester 22

Source Code

Demo

Written Report

For my project thesis I have taken a closer look at Three.JS and used it to implement a Building Visualization App. A Demo-Project, as well as the written report (German only) can be accessed above.

The Idea behind this project was that buildings and groups of building can be modelled using a Tree-Graph (see Image 10 in written Report). As such, the Tree-Root describes the entire Scene while its direct children define the individial buildings. The Building Node’s direct children define the building levels. The level’s children define the rooms inside that level.

The visualization at the top level. You get an overview over multiple buildings. You can click onto a building to get an overview over its levels.
The visualization at the top level. You get an overview over multiple buildings. You can click onto a building to get an overview over its levels.
Here you can see the overview of a building. You can click a floor to get more info about it
Here you can see the overview of a building. You can click a floor to get more info about it
Clicking onto a floor will "explode" the view and let you click on the separate rooms.
Clicking onto a floor will "explode" the view and let you click on the separate rooms.

PS: The Demo ist linked at the top. Go give it it a try ;)