Lámpara Tiffany de vitral

Usa three.js para crear una escena interactiva de una sola página de una "lámpara de mesa Tiffany de vitral", con todo el contenido generado proceduralmente mediante código; no cargues imágenes, modelos ni fuentes externas.

La escena transcurre en una habitación oscura a altas horas de la noche: una mesa de madera, una pared y una lámpara de mesa encendida. La pantalla está compuesta por cientos de piezas irregulares de vidrio, delimitadas con varillas de plomo y con un borde ondulado festoneado en el borde inferior; el patrón alude a colibríes, hibiscos rojos, lirios rosados y tallos sinuosos con hojas. El vidrio debe tener una cualidad translúcida retroiluminada: el lado de cada pieza más cercano al foco es más brillante y la superficie presenta las sutiles ondulaciones del vidrio hecho a mano. La base y el vástago de la lámpara son de bronce, con una pátina verde oxidada y relieves de volutas. Dentro del foco se ve un filamento de tungsteno.

La luz es el foco principal. Cuando la lámpara está encendida, proyecta manchas de luz de colores sobre la mesa y la pared; las varillas de plomo proyectan una cuadrícula de líneas oscuras sobre la mesa; una neblina cálida muy tenue permanece bajo el borde de la pantalla, y partículas de polvo flotan en el aire, visibles solo dentro de la luz. El aspecto general es cinematográfico: renderizado HDR + bloom suave + profundidad de campo + grano de viñeta, con moderación, sin sobreexposición ni deslumbramiento. Cuando la lámpara está apagada, deja entrar un poco de luz fría de luna desde la ventana para que la silueta y la cadena sigan siendo visibles. Cambia el patrón de la pantalla, de colibríes e hibiscos a libélulas y nenúfares: cambia la paleta del vidrio a azules y verdes fríos con acentos morados, vuelve a tallar la base de bronce con motivos de ondulaciones de agua y tiñe las manchas de luz proyectadas en la pared con tonos azul verdoso acuosos a juego. Interacciones:
- El desplazamiento de la página controla una trayectoria de cámara, que pasa de una toma amplia a una vista cenital, una toma macro de la pantalla y un acercamiento de la base; al llegar al final se activa la vista orbital libre
- Tira de la cadena para encender o apagar la lámpara; arrástrala hacia arriba y abajo para regular la intensidad de forma continua; la lámpara se enciende pieza por pieza, desde el borde de la pantalla hacia la corona
- Al hacer clic en la pantalla, esta se levanta por completo; una vez levantada, se puede extraer una pieza de vidrio y sostenerla a la altura de los ojos para inspeccionarla
- Al hacer doble clic en la base, toda la lámpara se desarma y sus piezas quedan flotando
- Tres esquemas de color (original / frío / ámbar); al cambiar entre ellos, los colores fluyen hacia abajo desde la corona de la pantalla

Diseño: un título grande vertical con tipografía serif a la izquierda que se desvanece al desplazarse; a la derecha, una columna de botones ligeros en forma de píldora (Encender, Levantar pantalla, Desarmar, Vista libre), además de puntos para elegir el esquema de color, con el estado reflejado en las etiquetas de los botones. Mantén un diseño minimalista que coincida con la tonalidad oscura de la escena; en dispositivos móviles se convierte automáticamente en una fila horizontal en la parte inferior.

Usa three.js para crear una escena interactiva de una sola página de una "lámpara de mesa Tiffany de vitral", con todo el contenido generado proceduralmente mediante código; no cargues imágenes, modelos ni fuentes externas.

La escena transcurre en una habitación oscura a altas horas de la noche: una mesa de madera, una pared y una lámpara de mesa encendida. La pantalla está compuesta por cientos de piezas irregulares de vidrio, delimitadas con varillas de plomo y con un borde ondulado festoneado en el borde inferior; el patrón alude a colibríes, hibiscos rojos, lirios rosados y tallos sinuosos con hojas. El vidrio debe tener una cualidad translúcida retroiluminada: el lado de cada pieza más cercano al foco es más brillante y la superficie presenta las sutiles ondulaciones del vidrio hecho a mano. La base y el vástago de la lámpara son de bronce, con una pátina verde oxidada y relieves de volutas. Dentro del foco se ve un filamento de tungsteno.

La luz es el foco principal. Cuando la lámpara está encendida, proyecta manchas de luz de colores sobre la mesa y la pared; las varillas de plomo proyectan una cuadrícula de líneas oscuras sobre la mesa; una neblina cálida muy tenue permanece bajo el borde de la pantalla, y partículas de polvo flotan en el aire, visibles solo dentro de la luz. El aspecto general es cinematográfico: renderizado HDR + bloom suave + profundidad de campo + grano de viñeta, con moderación, sin sobreexposición ni deslumbramiento. Cuando la lámpara está apagada, deja entrar un poco de luz fría de luna desde la ventana para que la silueta y la cadena sigan siendo visibles. Añade un interruptor para el modo de enseñanza: al activarlo, al hacer clic en cualquier pieza de vidrio se acerca la vista y se muestran el nombre del color (tanto en chino como en inglés) y su valor hexadecimal, mientras las piezas adyacentes del mismo color se resaltan suavemente, por lo que resulta adecuado para enseñar colores y combinaciones de colores a niños. Interacciones:
- El desplazamiento de la página controla una trayectoria de cámara, que pasa de una toma amplia a una vista cenital, una toma macro de la pantalla y un acercamiento de la base; al llegar al final se activa la vista orbital libre
- Tira de la cadena para encender o apagar la lámpara; arrástrala hacia arriba y abajo para regular la intensidad de forma continua; la lámpara se enciende pieza por pieza, desde el borde de la pantalla hacia la corona
- Al hacer clic en la pantalla, esta se levanta por completo; una vez levantada, se puede extraer una pieza de vidrio y sostenerla a la altura de los ojos para inspeccionarla
- Al hacer doble clic en la base, toda la lámpara se desarma y sus piezas quedan flotando
- Tres esquemas de color (original / frío / ámbar); al cambiar entre ellos, los colores fluyen hacia abajo desde la corona de la pantalla

Diseño: un título grande vertical con tipografía serif a la izquierda que se desvanece al desplazarse; a la derecha, una columna de botones ligeros en forma de píldora (Encender, Levantar pantalla, Desarmar, Vista libre), además de puntos para elegir el esquema de color, con el estado reflejado en las etiquetas de los botones. Mantén un diseño minimalista que coincida con la tonalidad oscura de la escena; en dispositivos móviles se convierte automáticamente en una fila horizontal en la parte inferior.