Daylight / shadow visualisation and analysis for AECO scenes.
(date, lat, lon) → { altitude, azimuth }
DirLight
import * as xeokit from "@xeokit/sdk";const study = new xeokit.presentations.sunStudy.SunStudy({ view, latitude: 49.28, longitude: -123.12, // Vancouver northAngleDegrees: 0, currentDate: "2026-06-21T12:00:00Z", // summer solstice noon UTC});const player = new xeokit.presentations.sunStudy.AnnualSunPlayer({ sunStudy: study, mode: "day", durationSeconds: 10, autoPlay: true,});study.onChanged.subscribe((s, pos) => { readoutEl.textContent = `alt ${pos.altitude.toFixed(1)}° / az ${pos.azimuth.toFixed(1)}°`;}); Copy
import * as xeokit from "@xeokit/sdk";const study = new xeokit.presentations.sunStudy.SunStudy({ view, latitude: 49.28, longitude: -123.12, // Vancouver northAngleDegrees: 0, currentDate: "2026-06-21T12:00:00Z", // summer solstice noon UTC});const player = new xeokit.presentations.sunStudy.AnnualSunPlayer({ sunStudy: study, mode: "day", durationSeconds: 10, autoPlay: true,});study.onChanged.subscribe((s, pos) => { readoutEl.textContent = `alt ${pos.altitude.toFixed(1)}° / az ${pos.azimuth.toFixed(1)}°`;});
Sun Studies
Daylight / shadow visualisation and analysis for AECO scenes.
(date, lat, lon) → { altitude, azimuth }.DirLightrepresenting the sun; auto-aims, auto-tints, and auto-dims the light as the cursor moves.Usage