Building 106: sun and 25 years of climate on a real building (WebGPU + WebGL 2)

Building 106 is a digital model of a real building in Panama’s City of Knowledge, made for teaching sun and climate. The sun is comp

uted for every minute with the NOAA solar calculator algorithm, and the climate comes from hourly ERA5 data for 2001 to 2025, with temperature and humidity adjusted to the nearby Albrook airport.

It runs on three.js 0.186.1 with WebGPU and falls back to WebGL 2 on its own. The scene light follows the data: the sun and shade contrast is tied to that hour’s radiation, and while the scene draws rain it draws no direct sun. Eave shadows on the walls were checked against ray tracing, within 8 cm for sun altitudes between 14° and 42°. The city around it uses OpenStreetMap footprints, with 228 of its 322 buildings assembled from a kit of parts whose floors, roofs and colours were read from Street View as a visual reference, and there is a printed AR card that runs with MindAR.

I directed it; Claude wrote most of the code and Codex made adjustments. The interface is in Spanish.

Weather data by Open-Meteo.com (CC BY 4.0). Contains modified Copernicus Climate Change Service information (ERA5).