Tiffany Stained-Glass Lamp
A dark room where a stained-glass lamp lights pane by pane as you pull its cord; lift the shade and inspect each piece. Copy the prompt to remix.
Loading preview...
1419 views
Start with this prompt
Generate a dimmable 3D stained-glass lamp scene.
Use three.js to build a single-page interactive scene of a "Tiffany stained-glass table lamp", with all content procedurally generated by code — do not load any external images, models, or fonts. The scene is a dark room late at night: a wooden table, a wall, and a lit table lamp. The lampshade is assembled from hundreds of irregular glass pieces, edged with lead caming, with a scalloped wave border along the lower rim; the pattern references hummingbirds, red hibiscus, pink lilies, and winding leafy stems. The glass must have a backlit translucent quality — the side of each piece closer to the bulb is brighter, and the surface has the subtle ripples of handmade glass. The lamp base and stem are bronze with an oxidized green patina and scrollwork relief. A tungsten filament is visible inside the bulb. Light is the focus. When the lamp is on, colored light spots fall on the tabletop and the wall, the lead caming casts a grid of dark lines on the table, a very faint warm haze hangs beneath the shade rim, and dust motes drift in the air, visible only within the light. The overall look is cinematic: HDR rendering + soft bloom + depth of field + vignette grain — restrained, never overexposed or glaring. When the lamp is off, leave a little cold moonlight from the window so the silhouette and the pull chain remain visible. Change the lampshade pattern from hummingbirds and hibiscus to dragonflies and water lilies: shift the glass palette to cool blues and greens with purple accents, re-carve the bronze base with water-ripple motifs, and tint the projected light spots on the wall to matching watery blue-green hues. Interactions: - Page scrolling drives a camera path, pushing from a wide shot to a top-down view, a macro shot of the shade, and a close-up of the base; scrolling to the end enters free orbit view - Pull the chain to switch the lamp on/off; drag the chain up and down for stepless dimming; the lamp lights piece by piece, progressing from the shade rim toward the crown - Clicking the shade lifts the whole shade off; once lifted, a single glass piece can be taken out and held up to the eye for inspection - Double-clicking the base explodes the entire lamp into a floating disassembly - Three color schemes (original / cool / amber); when switching, colors flow downward from the crown of the shade Layout: a large vertical serif title on the left that fades out on scroll; on the right, a column of lightweight pill buttons (Light Up, Lift Shade, Disassemble, Free View) plus color-scheme dots, with state reflected in the button labels. Keep the overall design minimal, matching the dark tonal quality of the scene; on mobile it automatically converts to a horizontal row at the bottom.
Use three.js to build a single-page interactive scene of a "Tiffany stained-glass table lamp", with all content procedurally generated by code — do not load any external images, models, or fonts. The scene is a dark room late at night: a wooden table, a wall, and a lit table lamp. The lampshade is assembled from hundreds of irregular glass pieces, edged with lead caming, with a scalloped wave border along the lower rim; the pattern references hummingbirds, red hibiscus, pink lilies, and winding leafy stems. The glass must have a backlit translucent quality — the side of each piece closer to the bulb is brighter, and the surface has the subtle ripples of handmade glass. The lamp base and stem are bronze with an oxidized green patina and scrollwork relief. A tungsten filament is visible inside the bulb. Light is the focus. When the lamp is on, colored light spots fall on the tabletop and the wall, the lead caming casts a grid of dark lines on the table, a very faint warm haze hangs beneath the shade rim, and dust motes drift in the air, visible only within the light. The overall look is cinematic: HDR rendering + soft bloom + depth of field + vignette grain — restrained, never overexposed or glaring. When the lamp is off, leave a little cold moonlight from the window so the silhouette and the pull chain remain visible. Add ambient audio and a music box: a faint electric hum and night rain outside while the lamp is lit, and a short music-box melody when the lamp is disassembled; add a volume slider and mute button in the top-right corner, muted by default and enabled after the first user interaction per autoplay policy. Interactions: - Page scrolling drives a camera path, pushing from a wide shot to a top-down view, a macro shot of the shade, and a close-up of the base; scrolling to the end enters free orbit view - Pull the chain to switch the lamp on/off; drag the chain up and down for stepless dimming; the lamp lights piece by piece, progressing from the shade rim toward the crown - Clicking the shade lifts the whole shade off; once lifted, a single glass piece can be taken out and held up to the eye for inspection - Double-clicking the base explodes the entire lamp into a floating disassembly - Three color schemes (original / cool / amber); when switching, colors flow downward from the crown of the shade Layout: a large vertical serif title on the left that fades out on scroll; on the right, a column of lightweight pill buttons (Light Up, Lift Shade, Disassemble, Free View) plus color-scheme dots, with state reflected in the button labels. Keep the overall design minimal, matching the dark tonal quality of the scene; on mobile it automatically converts to a horizontal row at the bottom.
Use three.js to build a single-page interactive scene of a "Tiffany stained-glass table lamp", with all content procedurally generated by code — do not load any external images, models, or fonts. The scene is a dark room late at night: a wooden table, a wall, and a lit table lamp. The lampshade is assembled from hundreds of irregular glass pieces, edged with lead caming, with a scalloped wave border along the lower rim; the pattern references hummingbirds, red hibiscus, pink lilies, and winding leafy stems. The glass must have a backlit translucent quality — the side of each piece closer to the bulb is brighter, and the surface has the subtle ripples of handmade glass. The lamp base and stem are bronze with an oxidized green patina and scrollwork relief. A tungsten filament is visible inside the bulb. Light is the focus. When the lamp is on, colored light spots fall on the tabletop and the wall, the lead caming casts a grid of dark lines on the table, a very faint warm haze hangs beneath the shade rim, and dust motes drift in the air, visible only within the light. The overall look is cinematic: HDR rendering + soft bloom + depth of field + vignette grain — restrained, never overexposed or glaring. When the lamp is off, leave a little cold moonlight from the window so the silhouette and the pull chain remain visible. Add a teaching mode toggle: when enabled, clicking any glass piece zooms in and shows its color name (in both Chinese and English) and hex value, while adjacent pieces of the same color are softly highlighted, making it suitable for teaching kids colors and color matching. Interactions: - Page scrolling drives a camera path, pushing from a wide shot to a top-down view, a macro shot of the shade, and a close-up of the base; scrolling to the end enters free orbit view - Pull the chain to switch the lamp on/off; drag the chain up and down for stepless dimming; the lamp lights piece by piece, progressing from the shade rim toward the crown - Clicking the shade lifts the whole shade off; once lifted, a single glass piece can be taken out and held up to the eye for inspection - Double-clicking the base explodes the entire lamp into a floating disassembly - Three color schemes (original / cool / amber); when switching, colors flow downward from the crown of the shade Layout: a large vertical serif title on the left that fades out on scroll; on the right, a column of lightweight pill buttons (Light Up, Lift Shade, Disassemble, Free View) plus color-scheme dots, with state reflected in the button labels. Keep the overall design minimal, matching the dark tonal quality of the scene; on mobile it automatically converts to a horizontal row at the bottom.
