Create 3D Three.js Android Home-Screen Scene

JavaScript, 3D Modelling, Unity 3D, Game Development, Three.js, Blender 3D · Fixed-camera 3D scene in Three.js: building, mountain environment, and a sun that moves with time (Android)

I'm building a home-screen scene for an Android app. The camera never moves. A domed building sits on a rocky rise with a path to it, a flat-topped mountain behind, mist in the valleys and autumn trees below, exactly as in the single reference image attached. The only thing that changes is the sun: it moves continuously across the sky as the user drags a finger, casting real shadows, and settles at six moments of the day (dawn, sunrise, noon, afternoon, sunset, night). This is not arch-viz: no orbit controls, no still renders as the deliverable. It has to run smoothly on a phone.

What I provide

The building as a .glb (geometry and colour texture; materials may need a PBR pass, see below) One reference image. It is the target for composition, environment, colour and mood. The scene, viewed from the fixed camera at sunset, should match it as closely as possible. Sun angles and times for each of the six stops as JSON

What you build

Environment: the rocky outcrop, path, the flat-topped mountain and ranges behind with distance haze, valley mist, and the trees in the foregroun