Lampada Tiffany in vetro colorato

Usa three.js per creare una scena interattiva a pagina singola di una "lampada da tavolo Tiffany in vetro colorato", con tutti i contenuti generati proceduralmente dal codice: non caricare immagini, modelli o font esterni.

La scena è una stanza buia a tarda notte: un tavolo di legno, una parete e una lampada da tavolo accesa. Il paralume è composto da centinaia di pezzi irregolari di vetro, bordati da profilati di piombo, con un bordo ondulato a festoni lungo il margine inferiore; il motivo richiama colibrì, ibischi rossi, gigli rosa e steli sinuosi con foglie. Il vetro deve avere una qualità traslucida retroilluminata: il lato di ciascun pezzo più vicino alla lampadina è più luminoso e la superficie presenta le delicate ondulazioni del vetro artigianale. La base e lo stelo della lampada sono in bronzo, con patina verde ossidata e rilievi a volute. All'interno della lampadina è visibile un filamento di tungsteno.

La luce è al centro della scena. Quando la lampada è accesa, macchie di luce colorata cadono sul piano del tavolo e sulla parete, i profilati di piombo proiettano una griglia di linee scure sul tavolo, sotto il bordo del paralume aleggia una leggerissima foschia calda e nell'aria fluttuano particelle di polvere, visibili solo nella luce. L'aspetto complessivo è cinematografico: rendering HDR + soft bloom + profondità di campo + grana vignettata, con misura, senza mai risultare sovraesposto o abbagliante. Quando la lampada è spenta, lascia entrare dalla finestra un po' di fredda luce lunare, così che la silhouette e la catenella restino visibili. Sostituisci il motivo del paralume, da colibrì e ibischi a libellule e ninfee: sposta la palette del vetro verso blu e verdi freddi con accenti viola, realizza nuovamente sulla base in bronzo incisioni con motivi di increspature d'acqua e colora le macchie di luce proiettate sulla parete con sfumature acquatiche blu-verdi coordinate. Interazioni:
- Lo scorrimento della pagina guida un percorso della telecamera, passando da un'inquadratura ampia a una vista dall'alto, a una ripresa macro del paralume e a un primo piano della base; arrivando alla fine dello scorrimento si entra nella vista orbitale libera
- Tira la catenella per accendere o spegnere la lampada; trascinala in alto e in basso per regolare l'intensità senza scatti; la lampada si illumina pezzo dopo pezzo, procedendo dal bordo del paralume verso la sommità
- Facendo clic sul paralume, l'intero paralume si solleva; una volta sollevato, è possibile estrarre un singolo pezzo di vetro e osservarlo da vicino
- Facendo doppio clic sulla base, l'intera lampada si scompone in parti fluttuanti
- Tre schemi cromatici (originale / freddo / ambra); al cambio, i colori scorrono verso il basso dalla sommità del paralume

Layout: a sinistra, un grande titolo verticale con carattere serif che svanisce durante lo scorrimento; a destra, una colonna di leggeri pulsanti a pillola (Accendi, Solleva paralume, Smonta, Vista libera) e punti per gli schemi cromatici, con lo stato riportato nelle etichette dei pulsanti. Mantieni un design complessivo minimal, in linea con la tonalità scura della scena; sui dispositivi mobili si trasforma automaticamente in una riga orizzontale in basso.

Usa three.js per creare una scena interattiva a pagina singola di una "lampada da tavolo Tiffany in vetro colorato", con tutti i contenuti generati proceduralmente dal codice: non caricare immagini, modelli o font esterni.

La scena è una stanza buia a tarda notte: un tavolo di legno, una parete e una lampada da tavolo accesa. Il paralume è composto da centinaia di pezzi irregolari di vetro, bordati da profilati di piombo, con un bordo ondulato a festoni lungo il margine inferiore; il motivo richiama colibrì, ibischi rossi, gigli rosa e steli sinuosi con foglie. Il vetro deve avere una qualità traslucida retroilluminata: il lato di ciascun pezzo più vicino alla lampadina è più luminoso e la superficie presenta le delicate ondulazioni del vetro artigianale. La base e lo stelo della lampada sono in bronzo, con patina verde ossidata e rilievi a volute. All'interno della lampadina è visibile un filamento di tungsteno.

La luce è al centro della scena. Quando la lampada è accesa, macchie di luce colorata cadono sul piano del tavolo e sulla parete, i profilati di piombo proiettano una griglia di linee scure sul tavolo, sotto il bordo del paralume aleggia una leggerissima foschia calda e nell'aria fluttuano particelle di polvere, visibili solo nella luce. L'aspetto complessivo è cinematografico: rendering HDR + soft bloom + profondità di campo + grana vignettata, con misura, senza mai risultare sovraesposto o abbagliante. Quando la lampada è spenta, lascia entrare dalla finestra un po' di fredda luce lunare, così che la silhouette e la catenella restino visibili. Aggiungi un interruttore per la modalità didattica: quando è attivata, facendo clic su qualsiasi pezzo di vetro la vista si ingrandisce e mostra il nome del colore (sia in cinese sia in inglese) e il valore hex, mentre i pezzi adiacenti dello stesso colore vengono evidenziati delicatamente, rendendola adatta a insegnare ai bambini i colori e gli abbinamenti cromatici. Interazioni:
- Lo scorrimento della pagina guida un percorso della telecamera, passando da un'inquadratura ampia a una vista dall'alto, a una ripresa macro del paralume e a un primo piano della base; arrivando alla fine dello scorrimento si entra nella vista orbitale libera
- Tira la catenella per accendere o spegnere la lampada; trascinala in alto e in basso per regolare l'intensità senza scatti; la lampada si illumina pezzo dopo pezzo, procedendo dal bordo del paralume verso la sommità
- Facendo clic sul paralume, l'intero paralume si solleva; una volta sollevato, è possibile estrarre un singolo pezzo di vetro e osservarlo da vicino
- Facendo doppio clic sulla base, l'intera lampada si scompone in parti fluttuanti
- Tre schemi cromatici (originale / freddo / ambra); al cambio, i colori scorrono verso il basso dalla sommità del paralume

Layout: a sinistra, un grande titolo verticale con carattere serif che svanisce durante lo scorrimento; a destra, una colonna di leggeri pulsanti a pillola (Accendi, Solleva paralume, Smonta, Vista libera) e punti per gli schemi cromatici, con lo stato riportato nelle etichette dei pulsanti. Mantieni un design complessivo minimal, in linea con la tonalità scura della scena; sui dispositivi mobili si trasforma automaticamente in una riga orizzontale in basso.