Sunset Collector

Sunset Collector · West-Facing Riverview Apartment

Build an isometric miniature apartment webpage titled "Sunset Collector · West-Facing Riverview Apartment", viewed from an orthographic isometric angle — not perspective, but a model-box-style axonometric view. The whole scene should feel like a collectible model box that can be dragged to rotate and zoomed, with no UI elements. The first screen is the classic isometric angle: a 45-degree top-down view from the side of the apartment's open cut, showing both the full interior panorama and the entire floor-to-ceiling window. Hard requirement for the first-screen composition: the entire west-facing floor-to-ceiling window, the sunset outside the window with its reflection on the river, and the long striped window-frame light shadows cast into the room must all be directly visible and occupy the visual center of the first screen (refer to the composition of style_ref.png — the floor-to-ceiling window faces the viewer directly, the sun hangs above the city skyline, and a golden light path stretches across the river). The viewer's first impression must be struck by the golden-hour light flooding the small room.

Style definition: low-poly miniature model style with detailed textures. Geometry is simple, with crisp edges and slightly chunky proportions, but every surface carries real material detail — oak floor grain, linen sofa weave, book-spine paper, ceramic pot glaze, metal bar stools. No cel-shaded outlines, no photorealistic PBR reflections, no plastic feel. Atmosphere: quiet, healing, a collector's romance — the owner of this room bought the apartment for this window's sunset; every day from 17:00 to 19:30 is this home's golden ritual.

Floor plan structure: a high-rise open-studio apartment (roughly 8×6 meters with a 3-meter ceiling height), preserved as a model-box cutaway with two walls plus the floor, the cut edges exposing wall cross-sections. The entire west wall is floor-to-ceiling glass (directly visible from the first-screen isometric angle — this is the protagonist and compositional anchor of the whole piece). Outside the window is a three-layer depth: foreground river surface (wide and reflective), midground city skyline silhouette (buildings of varying heights, one cable-stayed bridge), and distant sky. The floor is light-colored oak plank, the walls are white with partial wood veneer.

Detail density (hard requirement, with style_ref.png as the passing bar): every surface needs three layers of detail — secondary details visible from a distance: arrays of book spines on the shelves, framed art and photos on the walls, outlets and switches, curtains (drawn to one side), baseboards, bottles and jars on the bar counter, clusters of plants; tertiary details visible after clicking to focus: linen weave on the sofa, text on book spines, record cover art, water ring stains under cups, leaf veins. No large "blank glossy panels" allowed on the walls. Scatter everyday objects to the level of "someone really lives here and has watched a hundred sunsets": books, records, coffee cups, a telescope, photo albums, blankets.

Furnishing (by zone):

Viewing area (in front of the floor-to-ceiling window): a light-gray linen L-shaped sofa facing the window + a solid-wood coffee table (with an open photography book and a cup of pour-over coffee steaming on it) + a brass telescope standing by the window (aimed at the sunset) — this is the dedicated sunset-watching spot.

Bookshelf wall (the entire inner wall): a floor-to-ceiling solid-wood bookshelf packed with books, vinyl records, and a few small ornaments (a camera, dried flowers, ceramic pots); one cubby hides a string of warm fairy lights (lit).

Bar corner (on the other side): a solid-wood bar counter + two metal bar stools, a full pour-over coffee setup and a few pieces of fruit on the counter, warm LED strip lighting under the hanging cabinets (lit).

Plants: potted plant clusters by the window and atop the bookshelf (fiddle-leaf fig, monstera, trailing pothos); the sunset casts leaf shadows on the wall.

Rug: a beige wool rug in the sofa area, with long window-frame light shadows stretched across its surface.

Lighting and atmosphere (the core of this case — it must create the "dizzy slump-into-the-sofa" feeling): a continuous sunset timeline is the soul of the entire work — the sun slowly sinks from a pale-gold high angle at 17:00, to an intense orange-red touching the skyline at 18:30, to the blue hour after sunset at 19:00 (the skylight turns cool and blue, city lights come on one after another), and finally into night. Dragging the timeline links everything: the sun's position and altitude, the color temperature of the sunlight (pale gold → gold → orange → orange-red), the sky gradient, the angle and color of the long indoor shadows, the golden light path on the river (moving with the sun's position and fading away as the sky darkens), city windows and streetlights lighting up gradually during the blue hour, and the indoor lamps turning on automatically after dark (bookshelf fairy lights, bar strip light, floor lamp). In the few minutes when the sunlight is at its richest, the entire room turns molten gold, and the window-frame light shadows on the floor are razor-sharp — this is the highlight moment of the whole piece.

Materials (hard requirement): every surface must use generated image textures — no flat solid colors allowed: oak floor, linen sofa, solid-wood bookshelf and bar counter, wool rug, ceramic pots, metal bar stools, book spines and record covers, photography book pages. All text must be crisp and legible. The river surface must use a reflective shader/material (reflecting the sun and sky) — no flat solid-blue surfaces. Move the setting from a river-view apartment to a west-facing seaside cottage: the floor-to-ceiling window faces the sea and the setting sun, the interior keeps the bookshelf wall, bar corner and viewing sofa, the sunset timeline now drives the tide and wave glints instead, and fishing-boat lights appear offshore during blue hour. Motion (continuous and restrained): gentle sparkling ripples on the river; wisps of steam rising from the coffee; the pothos leaves swaying very slightly; city lights flickering slowly after dark; the bookshelf fairy lights and strip lights breathing gently.

Camera: orthographic isometric view, draggable rotation (limited to angles that keep the interior clearly visible) and zoom; the first screen is the standard isometric angle, with the default moment set to 18:10 (just before the sunset reaches its peak).

Interactions (should feel effortless and ceremonial):

Sunset timeline: press and drag on the scene (or drag the timeline) to manually scrub the continuous sunset from 17:00 to 20:00, forward and backward both buttery smooth; after release, time continues flowing automatically from that moment (auto-flow speed: one complete sunset cycle per 120 seconds, looping).

Click to focus: click any major object (sofa viewing area, bookshelf wall, bar counter, telescope, plants, etc.) → the camera smoothly zooms in; click empty space or click again → return to the full view.

Telescope easter egg: click the telescope → the camera briefly pushes in to a close-up of the sunset outside the window for 2 seconds, then pulls back ("took a peek through it").

Indoor lights: click the floor lamp → manually toggle all indoor lights (overriding the automatic logic).

Freeze mode: click the sun → pause the flow of time ("collect" the sunset at this very moment); click again to resume.

Default state: auto-flow, starting at 18:10, indoor lights following the sky automatically.

Style reference: style_ref.png in this folder is the atmosphere reference — its composition (floor-to-ceiling window + sunset river view facing the viewer), golden light and shadow, model-box feel, and detail density are all the standard (the element layout does not need to align one-to-one; the furnishing follows this document). If style_ref.png is not provided in the conversation, first use the image-generation skill to produce a concept reference image according to the style definition and composition requirements above, and start work only after I confirm it. For self-check, compare directly: place the first-screen screenshot side by side with style_ref.png — if the density and light-and-shadow feel are clearly inferior, keep adding details and tuning the lighting.

Implementation split: everything indoors must be real 3D geometry; the river, skyline, and sky outside the window must be implemented in layers (3D water surface in the near foreground, city massing silhouettes in the midground, a sky-dome shader gradient) — no flat background image allowed. The sun, light path, and indoor light and shadow must all be fully linked.

Process (component-by-component confirmation — wait for my confirmation at each step): build in components first, and take a screenshot of each for my review: 1) floor plan structure + floor-to-ceiling window + river and skyline + the golden light at 18:10; 2) viewing area and bookshelf wall (light and shadow must be right, book spines must be crisp); 3) bar corner, plants, and scattered objects. After my confirmation, assemble everything, add motion and interactions, and tune the full sunset-timeline linkage.

Deliverables: one webpage that can be deployed and opened directly; plus five large freeze-frame images (17:30 pale gold / 18:25 molten-gold peak highlight / 18:50 orange-red sunset touching the skyline / 19:10 blue hour with city lights on / click-to-focus on the sofa viewing area).

Visual self-check (hard requirement): the process must include visual self-check — take screenshots and read them yourself: 1) first-screen composition: is the floor-to-ceiling window + sunset directly visible and the visual center; 2) detail density: compare side by side with style_ref.png; 3) the color temperature and light of all three sunset phases each hold up, with no glitches in the linkage; 4) are the long window-frame shadows sharp, and does the river reflection follow the sun; 5) texture details and text legibility. Every interaction state (focus / freeze / telescope / manual lights) must be captured; if unsatisfied, adjust and redo.

Create an /output folder and put all deliverables into /output. If there are assets, create an /assets folder inside /output and place the assets there.

Sunset Collector · West-Facing Riverview Apartment

Build an isometric miniature apartment webpage titled "Sunset Collector · West-Facing Riverview Apartment", viewed from an orthographic isometric angle — not perspective, but a model-box-style axonometric view. The whole scene should feel like a collectible model box that can be dragged to rotate and zoomed, with no UI elements. The first screen is the classic isometric angle: a 45-degree top-down view from the side of the apartment's open cut, showing both the full interior panorama and the entire floor-to-ceiling window. Hard requirement for the first-screen composition: the entire west-facing floor-to-ceiling window, the sunset outside the window with its reflection on the river, and the long striped window-frame light shadows cast into the room must all be directly visible and occupy the visual center of the first screen (refer to the composition of style_ref.png — the floor-to-ceiling window faces the viewer directly, the sun hangs above the city skyline, and a golden light path stretches across the river). The viewer's first impression must be struck by the golden-hour light flooding the small room.

Style definition: low-poly miniature model style with detailed textures. Geometry is simple, with crisp edges and slightly chunky proportions, but every surface carries real material detail — oak floor grain, linen sofa weave, book-spine paper, ceramic pot glaze, metal bar stools. No cel-shaded outlines, no photorealistic PBR reflections, no plastic feel. Atmosphere: quiet, healing, a collector's romance — the owner of this room bought the apartment for this window's sunset; every day from 17:00 to 19:30 is this home's golden ritual.

Floor plan structure: a high-rise open-studio apartment (roughly 8×6 meters with a 3-meter ceiling height), preserved as a model-box cutaway with two walls plus the floor, the cut edges exposing wall cross-sections. The entire west wall is floor-to-ceiling glass (directly visible from the first-screen isometric angle — this is the protagonist and compositional anchor of the whole piece). Outside the window is a three-layer depth: foreground river surface (wide and reflective), midground city skyline silhouette (buildings of varying heights, one cable-stayed bridge), and distant sky. The floor is light-colored oak plank, the walls are white with partial wood veneer.

Detail density (hard requirement, with style_ref.png as the passing bar): every surface needs three layers of detail — secondary details visible from a distance: arrays of book spines on the shelves, framed art and photos on the walls, outlets and switches, curtains (drawn to one side), baseboards, bottles and jars on the bar counter, clusters of plants; tertiary details visible after clicking to focus: linen weave on the sofa, text on book spines, record cover art, water ring stains under cups, leaf veins. No large "blank glossy panels" allowed on the walls. Scatter everyday objects to the level of "someone really lives here and has watched a hundred sunsets": books, records, coffee cups, a telescope, photo albums, blankets.

Furnishing (by zone):

Viewing area (in front of the floor-to-ceiling window): a light-gray linen L-shaped sofa facing the window + a solid-wood coffee table (with an open photography book and a cup of pour-over coffee steaming on it) + a brass telescope standing by the window (aimed at the sunset) — this is the dedicated sunset-watching spot.

Bookshelf wall (the entire inner wall): a floor-to-ceiling solid-wood bookshelf packed with books, vinyl records, and a few small ornaments (a camera, dried flowers, ceramic pots); one cubby hides a string of warm fairy lights (lit).

Bar corner (on the other side): a solid-wood bar counter + two metal bar stools, a full pour-over coffee setup and a few pieces of fruit on the counter, warm LED strip lighting under the hanging cabinets (lit).

Plants: potted plant clusters by the window and atop the bookshelf (fiddle-leaf fig, monstera, trailing pothos); the sunset casts leaf shadows on the wall.

Rug: a beige wool rug in the sofa area, with long window-frame light shadows stretched across its surface.

Lighting and atmosphere (the core of this case — it must create the "dizzy slump-into-the-sofa" feeling): a continuous sunset timeline is the soul of the entire work — the sun slowly sinks from a pale-gold high angle at 17:00, to an intense orange-red touching the skyline at 18:30, to the blue hour after sunset at 19:00 (the skylight turns cool and blue, city lights come on one after another), and finally into night. Dragging the timeline links everything: the sun's position and altitude, the color temperature of the sunlight (pale gold → gold → orange → orange-red), the sky gradient, the angle and color of the long indoor shadows, the golden light path on the river (moving with the sun's position and fading away as the sky darkens), city windows and streetlights lighting up gradually during the blue hour, and the indoor lamps turning on automatically after dark (bookshelf fairy lights, bar strip light, floor lamp). In the few minutes when the sunlight is at its richest, the entire room turns molten gold, and the window-frame light shadows on the floor are razor-sharp — this is the highlight moment of the whole piece.

Materials (hard requirement): every surface must use generated image textures — no flat solid colors allowed: oak floor, linen sofa, solid-wood bookshelf and bar counter, wool rug, ceramic pots, metal bar stools, book spines and record covers, photography book pages. All text must be crisp and legible. The river surface must use a reflective shader/material (reflecting the sun and sky) — no flat solid-blue surfaces. Switch the page title, book spines, record covers and all visible copy to English while keeping the quiet, healing collector's mood; translate the photography book's inner pages as well, with layout and interactions unchanged. Motion (continuous and restrained): gentle sparkling ripples on the river; wisps of steam rising from the coffee; the pothos leaves swaying very slightly; city lights flickering slowly after dark; the bookshelf fairy lights and strip lights breathing gently.

Camera: orthographic isometric view, draggable rotation (limited to angles that keep the interior clearly visible) and zoom; the first screen is the standard isometric angle, with the default moment set to 18:10 (just before the sunset reaches its peak).

Interactions (should feel effortless and ceremonial):

Sunset timeline: press and drag on the scene (or drag the timeline) to manually scrub the continuous sunset from 17:00 to 20:00, forward and backward both buttery smooth; after release, time continues flowing automatically from that moment (auto-flow speed: one complete sunset cycle per 120 seconds, looping).

Click to focus: click any major object (sofa viewing area, bookshelf wall, bar counter, telescope, plants, etc.) → the camera smoothly zooms in; click empty space or click again → return to the full view.

Telescope easter egg: click the telescope → the camera briefly pushes in to a close-up of the sunset outside the window for 2 seconds, then pulls back ("took a peek through it").

Indoor lights: click the floor lamp → manually toggle all indoor lights (overriding the automatic logic).

Freeze mode: click the sun → pause the flow of time ("collect" the sunset at this very moment); click again to resume.

Default state: auto-flow, starting at 18:10, indoor lights following the sky automatically.

Style reference: style_ref.png in this folder is the atmosphere reference — its composition (floor-to-ceiling window + sunset river view facing the viewer), golden light and shadow, model-box feel, and detail density are all the standard (the element layout does not need to align one-to-one; the furnishing follows this document). If style_ref.png is not provided in the conversation, first use the image-generation skill to produce a concept reference image according to the style definition and composition requirements above, and start work only after I confirm it. For self-check, compare directly: place the first-screen screenshot side by side with style_ref.png — if the density and light-and-shadow feel are clearly inferior, keep adding details and tuning the lighting.

Implementation split: everything indoors must be real 3D geometry; the river, skyline, and sky outside the window must be implemented in layers (3D water surface in the near foreground, city massing silhouettes in the midground, a sky-dome shader gradient) — no flat background image allowed. The sun, light path, and indoor light and shadow must all be fully linked.

Process (component-by-component confirmation — wait for my confirmation at each step): build in components first, and take a screenshot of each for my review: 1) floor plan structure + floor-to-ceiling window + river and skyline + the golden light at 18:10; 2) viewing area and bookshelf wall (light and shadow must be right, book spines must be crisp); 3) bar corner, plants, and scattered objects. After my confirmation, assemble everything, add motion and interactions, and tune the full sunset-timeline linkage.

Deliverables: one webpage that can be deployed and opened directly; plus five large freeze-frame images (17:30 pale gold / 18:25 molten-gold peak highlight / 18:50 orange-red sunset touching the skyline / 19:10 blue hour with city lights on / click-to-focus on the sofa viewing area).

Visual self-check (hard requirement): the process must include visual self-check — take screenshots and read them yourself: 1) first-screen composition: is the floor-to-ceiling window + sunset directly visible and the visual center; 2) detail density: compare side by side with style_ref.png; 3) the color temperature and light of all three sunset phases each hold up, with no glitches in the linkage; 4) are the long window-frame shadows sharp, and does the river reflection follow the sun; 5) texture details and text legibility. Every interaction state (focus / freeze / telescope / manual lights) must be captured; if unsatisfied, adjust and redo.

Create an /output folder and put all deliverables into /output. If there are assets, create an /assets folder inside /output and place the assets there.