Luminária Tiffany de Vitral

Use three.js para criar uma cena interativa de página única de uma "luminária de mesa Tiffany de vitral", com todo o conteúdo gerado proceduralmente por código — não carregue imagens, modelos ou fontes externos.

A cena se passa em um quarto escuro tarde da noite: uma mesa de madeira, uma parede e uma luminária de mesa acesa. A cúpula é composta por centenas de peças irregulares de vidro, contornadas por perfis de chumbo, com uma borda ondulada recortada ao longo da parte inferior; o padrão remete a beija-flores, hibiscos vermelhos, lírios cor-de-rosa e caules folhosos sinuosos. O vidro deve ter uma qualidade translúcida retroiluminada — o lado de cada peça mais próximo da lâmpada é mais claro, e a superfície apresenta as sutis ondulações do vidro artesanal. A base e a haste da luminária são de bronze, com pátina verde oxidada e relevo de arabescos. Um filamento de tungstênio é visível dentro da lâmpada.

A luz é o foco. Quando a luminária está acesa, manchas coloridas de luz incidem sobre o tampo e a parede, os perfis de chumbo projetam uma grade de linhas escuras sobre a mesa, uma névoa quente muito suave paira sob a borda da cúpula e partículas de poeira flutuam no ar, visíveis apenas dentro da luz. O visual geral é cinematográfico: renderização HDR + bloom suave + profundidade de campo + granulação de vinheta — contido, sem nunca ficar superexposto ou ofuscante. Quando a luminária estiver apagada, deixe entrar um pouco da luz fria da lua pela janela para que a silhueta e a corrente continuem visíveis. Altere o padrão da cúpula de beija-flores e hibiscos para libélulas e nenúfares: mude a paleta do vidro para azuis e verdes frios com detalhes roxos, refaça os entalhes da base de bronze com motivos de ondulações na água e dê às manchas de luz projetadas na parede tons azul-esverdeados aquáticos correspondentes. Interações:
- A rolagem da página conduz um percurso de câmera, passando de uma tomada ampla para uma vista de cima, uma tomada macro da cúpula e um close da base; ao chegar ao fim da rolagem, entra na vista de órbita livre
- Puxe a corrente para ligar/desligar a luminária; arraste-a para cima e para baixo para controlar a intensidade sem níveis fixos; a luminária se acende peça por peça, da borda da cúpula em direção ao topo
- Clicar na cúpula levanta toda a cúpula; depois de levantada, uma peça de vidro pode ser retirada e aproximada dos olhos para inspeção
- Dar dois cliques na base desmonta toda a luminária em uma explosão de peças flutuantes
- Três esquemas de cores (original / frio / âmbar); ao alternar, as cores fluem para baixo a partir do topo da cúpula

Layout: um grande título vertical em fonte serifada à esquerda que desaparece com a rolagem; à direita, uma coluna de botões leves em formato de pílula (Acender, Levantar Cúpula, Desmontar, Vista Livre), além de pontos para os esquemas de cores, com o estado refletido nos rótulos dos botões. Mantenha o design geral minimalista, combinando com a tonalidade escura da cena; em dispositivos móveis, ele se converte automaticamente em uma linha horizontal na parte inferior.

Use three.js para criar uma cena interativa de página única de uma "luminária de mesa Tiffany de vitral", com todo o conteúdo gerado proceduralmente por código — não carregue imagens, modelos ou fontes externos.

A cena se passa em um quarto escuro tarde da noite: uma mesa de madeira, uma parede e uma luminária de mesa acesa. A cúpula é composta por centenas de peças irregulares de vidro, contornadas por perfis de chumbo, com uma borda ondulada recortada ao longo da parte inferior; o padrão remete a beija-flores, hibiscos vermelhos, lírios cor-de-rosa e caules folhosos sinuosos. O vidro deve ter uma qualidade translúcida retroiluminada — o lado de cada peça mais próximo da lâmpada é mais claro, e a superfície apresenta as sutis ondulações do vidro artesanal. A base e a haste da luminária são de bronze, com pátina verde oxidada e relevo de arabescos. Um filamento de tungstênio é visível dentro da lâmpada.

A luz é o foco. Quando a luminária está acesa, manchas coloridas de luz incidem sobre o tampo e a parede, os perfis de chumbo projetam uma grade de linhas escuras sobre a mesa, uma névoa quente muito suave paira sob a borda da cúpula e partículas de poeira flutuam no ar, visíveis apenas dentro da luz. O visual geral é cinematográfico: renderização HDR + bloom suave + profundidade de campo + granulação de vinheta — contido, sem nunca ficar superexposto ou ofuscante. Quando a luminária estiver apagada, deixe entrar um pouco da luz fria da lua pela janela para que a silhueta e a corrente continuem visíveis. Adicione uma opção de modo educativo: quando ativada, clicar em qualquer peça de vidro amplia a imagem e mostra o nome da cor (em chinês e inglês) e o valor hexadecimal, enquanto as peças adjacentes da mesma cor são destacadas suavemente, tornando-o adequado para ensinar cores e combinações de cores às crianças. Interações:
- A rolagem da página conduz um percurso de câmera, passando de uma tomada ampla para uma vista de cima, uma tomada macro da cúpula e um close da base; ao chegar ao fim da rolagem, entra na vista de órbita livre
- Puxe a corrente para ligar/desligar a luminária; arraste-a para cima e para baixo para controlar a intensidade sem níveis fixos; a luminária se acende peça por peça, da borda da cúpula em direção ao topo
- Clicar na cúpula levanta toda a cúpula; depois de levantada, uma peça de vidro pode ser retirada e aproximada dos olhos para inspeção
- Dar dois cliques na base desmonta toda a luminária em uma explosão de peças flutuantes
- Três esquemas de cores (original / frio / âmbar); ao alternar, as cores fluem para baixo a partir do topo da cúpula

Layout: um grande título vertical em fonte serifada à esquerda que desaparece com a rolagem; à direita, uma coluna de botões leves em formato de pílula (Acender, Levantar Cúpula, Desmontar, Vista Livre), além de pontos para os esquemas de cores, com o estado refletido nos rótulos dos botões. Mantenha o design geral minimalista, combinando com a tonalidade escura da cena; em dispositivos móveis, ele se converte automaticamente em uma linha horizontal na parte inferior.