AI CSS Animations

Premium

Architectural Sun Study

A white massing model of a courtyard house on a site plate: the solstice sun travels its real arc from dawn to dusk with a timestamp, hard shadows sweep the courtyard, a sun-path diagram with hour ticks draws itself above, and a chart measures the sunlight.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
three.js
Topics
3D · Diagrams · Explainer
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

Sun studies are how architects check daylight and shade before anything is built: a model is lit by the sun's true positions for one date and latitude, hour by hour, to see where shadows fall. A sun-path diagram plots the sun's arc across the sky with hour marks, and measurements taken from it decide where courtyards, windows and terraces go. White massing models keep the attention on form and light.

Premium

Unlock the prompt

Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.

Similar prompts

More like this on the motion design inspiration board: 3D motion design inspirationExplainer video inspirationDiagram animation inspiration