Coleccionista de atardeceres

Coleccionista de atardeceres · Apartamento con vista al río hacia el oeste

Crea una página web de un apartamento miniatura isométrico titulada "Coleccionista de atardeceres · Apartamento con vista al río hacia el oeste", vista desde un ángulo isométrico ortográfico —no en perspectiva, sino con una vista axonométrica estilo caja de maqueta. Toda la escena debe sentirse como una caja de maqueta coleccionable que se puede arrastrar para rotar y ampliar, sin elementos de UI. La primera pantalla debe mostrar el ángulo isométrico clásico: una vista cenital a 45 grados desde el lado del corte abierto del apartamento, que muestre tanto el panorama completo del interior como toda la ventana de piso a techo. Requisito estricto para la composición de la primera pantalla: toda la ventana de piso a techo orientada al oeste, el atardecer exterior con su reflejo en el río y las largas sombras estriadas de luz del marco de la ventana proyectadas hacia la habitación deben ser visibles directamente y ocupar el centro visual de la primera pantalla (consulta la composición de style_ref.png: la ventana de piso a techo mira directamente al espectador, el sol está sobre el perfil urbano y un camino de luz dorada se extiende sobre el río). La primera impresión del espectador debe ser la luz de la hora dorada inundando la pequeña habitación.

Definición de estilo: estilo de maqueta miniatura low-poly con texturas detalladas. La geometría es simple, con bordes nítidos y proporciones ligeramente robustas, pero cada superficie tiene detalles reales de material: veta de piso de roble, tejido de sofá de lino, papel de lomos de libros, esmalte de macetas de cerámica y bancos metálicos de bar. Sin contornos con sombreado cel, sin reflejos PBR fotorrealistas y sin aspecto plástico. Atmósfera: tranquila, reconfortante, con el romanticismo de un coleccionista; el dueño de esta habitación compró el apartamento por el atardecer de esta ventana; cada día, de 17:00 a 19:30, es el ritual dorado de este hogar.

Estructura de planta: un apartamento estudio abierto en un edificio alto (aproximadamente 8×6 metros, con 3 metros de altura de techo), conservado como un corte de caja de maqueta con dos muros más el piso, con los bordes cortados exponiendo las secciones transversales de los muros. Todo el muro oeste es de vidrio de piso a techo (visible directamente desde el ángulo isométrico de la primera pantalla; es el protagonista y ancla compositiva de toda la pieza). Afuera de la ventana hay profundidad en tres capas: superficie del río en primer plano (amplia y reflectante), silueta del perfil urbano en plano medio (edificios de distintas alturas y un puente atirantado) y cielo distante. El piso es de tablones de roble claro y los muros son blancos con revestimiento parcial de madera.

Densidad de detalle (requisito estricto, con style_ref.png como estándar mínimo): cada superficie necesita tres capas de detalle: detalles secundarios visibles a distancia, como conjuntos de lomos de libros en los estantes, arte y fotos enmarcados en los muros, enchufes e interruptores, cortinas recogidas hacia un lado, zoclos, botellas y frascos sobre la barra y grupos de plantas; detalles terciarios visibles después de hacer clic para enfocar, como tejido de lino del sofá, texto en los lomos de libros, arte de las portadas de discos, marcas circulares de agua bajo las tazas y nervaduras de las hojas. No se permiten grandes "paneles brillantes vacíos" en los muros. Distribuye objetos cotidianos al nivel de "alguien realmente vive aquí y ha visto cien atardeceres": libros, discos, tazas de café, un telescopio, álbumes de fotos y mantas.

Mobiliario (por zona):

Zona de observación (frente a la ventana de piso a techo): sofá en L de lino gris claro orientado hacia la ventana + mesa de centro de madera maciza (con un libro de fotografía abierto y una taza de café de filtrado vertiendo vapor) + telescopio de latón junto a la ventana (apuntado al atardecer): este es el lugar dedicado a contemplarlo.

Muro de librero (todo el muro interior): librero de madera maciza de piso a techo lleno de libros, discos de vinilo y algunos adornos pequeños (una cámara, flores secas y macetas de cerámica); un compartimento oculta una guirnalda de luces cálidas encendida.

Rincón de bar (del otro lado): barra de madera maciza + dos bancos metálicos de bar, equipo completo para café filtrado y algunas frutas sobre la barra, iluminación cálida de tira LED bajo los gabinetes colgantes, encendida.

Plantas: grupos de plantas en maceta junto a la ventana y sobre el librero (ficus lira, monstera y poto colgante); el atardecer proyecta sombras de las hojas sobre el muro.

Tapete: tapete de lana beige en la zona del sofá, con largas sombras de luz del marco de la ventana extendidas sobre su superficie.

Iluminación y atmósfera (el núcleo de este caso: debe crear la sensación de "dejarse caer mareado en el sofá"): una línea de tiempo continua del atardecer es el alma de toda la obra. El sol baja lentamente desde un ángulo alto dorado pálido a las 17:00, pasa a un naranja rojizo intenso tocando el perfil urbano a las 18:30, llega a la hora azul posterior al atardecer a las 19:00 (la luz del cielo se vuelve fría y azul, y las luces de la ciudad se encienden una tras otra) y finalmente entra en la noche. Arrastrar la línea de tiempo vincula todo: posición y altitud del sol, temperatura de color de la luz solar (dorado pálido → dorado → naranja → naranja rojizo), degradado del cielo, ángulo y color de las largas sombras interiores, camino de luz dorada en el río (que se mueve con la posición del sol y se desvanece al oscurecer el cielo), ventanas y alumbrado urbano que se encienden gradualmente durante la hora azul, y lámparas interiores que se encienden automáticamente después de oscurecer (guirnalda del librero, tira de la barra y lámpara de pie). Durante los pocos minutos en que la luz solar es más intensa, toda la habitación se vuelve oro fundido y las sombras del marco de la ventana en el piso son afiladas como navajas: este es el momento culminante de toda la pieza.

Materiales (requisito estricto): cada superficie debe utilizar texturas de imagen generadas; no se permiten colores planos sólidos: piso de roble, sofá de lino, librero y barra de madera maciza, tapete de lana, macetas de cerámica, bancos metálicos, lomos de libros y portadas de discos, páginas del libro de fotografía. Todo el texto debe ser nítido y legible. La superficie del río debe usar un shader/material reflectante (que refleje el sol y el cielo); no se permiten superficies azules planas. Cambia el escenario de un apartamento con vista al río a una cabaña costera orientada al oeste: la ventana de piso a techo mira al mar y al sol poniente; el interior conserva el muro de librero, el rincón de bar y el sofá de observación; la línea de tiempo del atardecer ahora controla la marea y los destellos de las olas, y durante la hora azul aparecen luces de barcos pesqueros mar adentro. Movimiento (continuo y contenido): ondas suaves y brillantes en el río; finos hilos de vapor que se elevan del café; hojas del poto que se mecen apenas; luces de la ciudad que parpadean lentamente tras oscurecer; guirnalda del librero y tiras de luz que palpitan suavemente.

Cámara: vista isométrica ortográfica, rotación arrastrable (limitada a ángulos que mantengan claramente visible el interior) y zoom; la primera pantalla usa el ángulo isométrico estándar, con el momento predeterminado en 18:10 (justo antes de que el atardecer alcance su punto máximo).

Interacciones (deben sentirse sencillas y ceremoniales):

Línea de tiempo del atardecer: mantén presionado y arrastra sobre la escena (o arrastra la línea de tiempo) para recorrer manualmente el atardecer continuo de 17:00 a 20:00, hacia adelante y hacia atrás con total fluidez; al soltar, el tiempo sigue transcurriendo automáticamente desde ese momento (velocidad de flujo automático: un ciclo completo de atardecer cada 120 segundos, en bucle).

Clic para enfocar: haz clic en cualquier objeto principal (zona de observación del sofá, muro de librero, barra, telescopio, plantas, etc.) → la cámara se acerca suavemente; haz clic en un espacio vacío o vuelve a hacer clic → regresa a la vista completa.

Easter egg del telescopio: haz clic en el telescopio → la cámara se acerca brevemente a un primer plano del atardecer fuera de la ventana durante 2 segundos y luego se aleja ("miraste por él").

Luces interiores: haz clic en la lámpara de pie → activa o desactiva manualmente todas las luces interiores (anulando la lógica automática).

Modo de congelación: haz clic en el sol → pausa el flujo del tiempo ("colecciona" el atardecer en este preciso momento); vuelve a hacer clic para reanudarlo.

Estado predeterminado: flujo automático, comenzando a las 18:10, con las luces interiores siguiendo automáticamente al cielo.

Referencia de estilo: style_ref.png en esta carpeta es la referencia de atmósfera; su composición (ventana de piso a techo + vista del río al atardecer frente al espectador), luz y sombra doradas, sensación de caja de maqueta y densidad de detalle son el estándar (la distribución de elementos no necesita coincidir uno a uno; el mobiliario sigue este documento). Si style_ref.png no se proporciona en la conversación, primero usa la habilidad de generación de imágenes para producir una imagen de referencia conceptual según la definición de estilo y los requisitos de composición anteriores, y comienza a trabajar solo después de que lo confirme. Para la autoevaluación, compara directamente: coloca la captura de la primera pantalla junto a style_ref.png; si la densidad y la sensación de luz y sombra son claramente inferiores, sigue añadiendo detalles y ajustando la iluminación.

División de implementación: todo lo interior debe ser geometría 3D real; el río, el perfil urbano y el cielo fuera de la ventana deben implementarse en capas (superficie de agua 3D en primer plano cercano, siluetas de masas urbanas en plano medio y degradado de shader de cúpula celeste); no se permite una imagen de fondo plana. El sol, el camino de luz y la luz y sombra interiores deben estar completamente vinculados.

Proceso (confirmación componente por componente; espera mi confirmación en cada paso): primero construye los componentes y toma una captura de cada uno para mi revisión: 1) estructura de planta + ventana de piso a techo + río y perfil urbano + luz dorada a las 18:10; 2) zona de observación y muro de librero (la luz y la sombra deben estar bien, los lomos de libros deben ser nítidos); 3) rincón de bar, plantas y objetos dispersos. Tras mi confirmación, ensambla todo, agrega movimiento e interacciones y ajusta la vinculación completa de la línea de tiempo del atardecer.

Entregables: una página web que se pueda implementar y abrir directamente; además de cinco imágenes grandes de fotograma congelado (17:30 dorado pálido / 18:25 momento culminante de oro fundido / 18:50 atardecer naranja rojizo tocando el perfil urbano / 19:10 hora azul con las luces de la ciudad encendidas / clic para enfocar la zona de observación del sofá).

Autoevaluación visual (requisito estricto): el proceso debe incluir autoevaluación visual; toma capturas y revísalas tú mismo: 1) composición de la primera pantalla: ¿la ventana de piso a techo + el atardecer son visibles directamente y el centro visual?; 2) densidad de detalle: compara lado a lado con style_ref.png; 3) la temperatura de color y la luz de las tres fases del atardecer se sostienen sin fallas en la vinculación; 4) ¿las largas sombras del marco de la ventana son nítidas y el reflejo del río sigue al sol?; 5) detalles de textura y legibilidad del texto. Debe capturarse cada estado de interacción (enfoque / congelación / telescopio / luces manuales); si no estás satisfecho, ajusta y repite.

Crea una carpeta /output y coloca allí todos los entregables. Si hay recursos, crea una carpeta /assets dentro de /output y coloca allí los recursos.

Coleccionista de atardeceres · Apartamento con vista al río hacia el oeste

Crea una página web de un apartamento miniatura isométrico titulada "Coleccionista de atardeceres · Apartamento con vista al río hacia el oeste", vista desde un ángulo isométrico ortográfico —no en perspectiva, sino con una vista axonométrica estilo caja de maqueta. Toda la escena debe sentirse como una caja de maqueta coleccionable que se puede arrastrar para rotar y ampliar, sin elementos de UI. La primera pantalla debe mostrar el ángulo isométrico clásico: una vista cenital a 45 grados desde el lado del corte abierto del apartamento, que muestre tanto el panorama completo del interior como toda la ventana de piso a techo. Requisito estricto para la composición de la primera pantalla: toda la ventana de piso a techo orientada al oeste, el atardecer exterior con su reflejo en el río y las largas sombras estriadas de luz del marco de la ventana proyectadas hacia la habitación deben ser visibles directamente y ocupar el centro visual de la primera pantalla (consulta la composición de style_ref.png: la ventana de piso a techo mira directamente al espectador, el sol está sobre el perfil urbano y un camino de luz dorada se extiende sobre el río). La primera impresión del espectador debe ser la luz de la hora dorada inundando la pequeña habitación.

Definición de estilo: estilo de maqueta miniatura low-poly con texturas detalladas. La geometría es simple, con bordes nítidos y proporciones ligeramente robustas, pero cada superficie tiene detalles reales de material: veta de piso de roble, tejido de sofá de lino, papel de lomos de libros, esmalte de macetas de cerámica y bancos metálicos de bar. Sin contornos con sombreado cel, sin reflejos PBR fotorrealistas y sin aspecto plástico. Atmósfera: tranquila, reconfortante, con el romanticismo de un coleccionista; el dueño de esta habitación compró el apartamento por el atardecer de esta ventana; cada día, de 17:00 a 19:30, es el ritual dorado de este hogar.

Estructura de planta: un apartamento estudio abierto en un edificio alto (aproximadamente 8×6 metros, con 3 metros de altura de techo), conservado como un corte de caja de maqueta con dos muros más el piso, con los bordes cortados exponiendo las secciones transversales de los muros. Todo el muro oeste es de vidrio de piso a techo (visible directamente desde el ángulo isométrico de la primera pantalla; es el protagonista y ancla compositiva de toda la pieza). Afuera de la ventana hay profundidad en tres capas: superficie del río en primer plano (amplia y reflectante), silueta del perfil urbano en plano medio (edificios de distintas alturas y un puente atirantado) y cielo distante. El piso es de tablones de roble claro y los muros son blancos con revestimiento parcial de madera.

Densidad de detalle (requisito estricto, con style_ref.png como estándar mínimo): cada superficie necesita tres capas de detalle: detalles secundarios visibles a distancia, como conjuntos de lomos de libros en los estantes, arte y fotos enmarcados en los muros, enchufes e interruptores, cortinas recogidas hacia un lado, zoclos, botellas y frascos sobre la barra y grupos de plantas; detalles terciarios visibles después de hacer clic para enfocar, como tejido de lino del sofá, texto en los lomos de libros, arte de las portadas de discos, marcas circulares de agua bajo las tazas y nervaduras de las hojas. No se permiten grandes "paneles brillantes vacíos" en los muros. Distribuye objetos cotidianos al nivel de "alguien realmente vive aquí y ha visto cien atardeceres": libros, discos, tazas de café, un telescopio, álbumes de fotos y mantas.

Mobiliario (por zona):

Zona de observación (frente a la ventana de piso a techo): sofá en L de lino gris claro orientado hacia la ventana + mesa de centro de madera maciza (con un libro de fotografía abierto y una taza de café de filtrado vertiendo vapor) + telescopio de latón junto a la ventana (apuntado al atardecer): este es el lugar dedicado a contemplarlo.

Muro de librero (todo el muro interior): librero de madera maciza de piso a techo lleno de libros, discos de vinilo y algunos adornos pequeños (una cámara, flores secas y macetas de cerámica); un compartimento oculta una guirnalda de luces cálidas encendida.

Rincón de bar (del otro lado): barra de madera maciza + dos bancos metálicos de bar, equipo completo para café filtrado y algunas frutas sobre la barra, iluminación cálida de tira LED bajo los gabinetes colgantes, encendida.

Plantas: grupos de plantas en maceta junto a la ventana y sobre el librero (ficus lira, monstera y poto colgante); el atardecer proyecta sombras de las hojas sobre el muro.

Tapete: tapete de lana beige en la zona del sofá, con largas sombras de luz del marco de la ventana extendidas sobre su superficie.

Iluminación y atmósfera (el núcleo de este caso: debe crear la sensación de "dejarse caer mareado en el sofá"): una línea de tiempo continua del atardecer es el alma de toda la obra. El sol baja lentamente desde un ángulo alto dorado pálido a las 17:00, pasa a un naranja rojizo intenso tocando el perfil urbano a las 18:30, llega a la hora azul posterior al atardecer a las 19:00 (la luz del cielo se vuelve fría y azul, y las luces de la ciudad se encienden una tras otra) y finalmente entra en la noche. Arrastrar la línea de tiempo vincula todo: posición y altitud del sol, temperatura de color de la luz solar (dorado pálido → dorado → naranja → naranja rojizo), degradado del cielo, ángulo y color de las largas sombras interiores, camino de luz dorada en el río (que se mueve con la posición del sol y se desvanece al oscurecer el cielo), ventanas y alumbrado urbano que se encienden gradualmente durante la hora azul, y lámparas interiores que se encienden automáticamente después de oscurecer (guirnalda del librero, tira de la barra y lámpara de pie). Durante los pocos minutos en que la luz solar es más intensa, toda la habitación se vuelve oro fundido y las sombras del marco de la ventana en el piso son afiladas como navajas: este es el momento culminante de toda la pieza.

Materiales (requisito estricto): cada superficie debe utilizar texturas de imagen generadas; no se permiten colores planos sólidos: piso de roble, sofá de lino, librero y barra de madera maciza, tapete de lana, macetas de cerámica, bancos metálicos, lomos de libros y portadas de discos, páginas del libro de fotografía. Todo el texto debe ser nítido y legible. La superficie del río debe usar un shader/material reflectante (que refleje el sol y el cielo); no se permiten superficies azules planas. Cambia el título de la página, los lomos de libros, las portadas de discos y todo el texto visible al inglés, manteniendo el ánimo tranquilo y reconfortante del coleccionista; traduce también las páginas interiores del libro de fotografía, sin cambiar la distribución ni las interacciones. Movimiento (continuo y contenido): ondas suaves y brillantes en el río; finos hilos de vapor que se elevan del café; hojas del poto que se mecen apenas; luces de la ciudad que parpadean lentamente tras oscurecer; guirnalda del librero y tiras de luz que palpitan suavemente.

Cámara: vista isométrica ortográfica, rotación arrastrable (limitada a ángulos que mantengan claramente visible el interior) y zoom; la primera pantalla usa el ángulo isométrico estándar, con el momento predeterminado en 18:10 (justo antes de que el atardecer alcance su punto máximo).

Interacciones (deben sentirse sencillas y ceremoniales):

Línea de tiempo del atardecer: mantén presionado y arrastra sobre la escena (o arrastra la línea de tiempo) para recorrer manualmente el atardecer continuo de 17:00 a 20:00, hacia adelante y hacia atrás con total fluidez; al soltar, el tiempo sigue transcurriendo automáticamente desde ese momento (velocidad de flujo automático: un ciclo completo de atardecer cada 120 segundos, en bucle).

Clic para enfocar: haz clic en cualquier objeto principal (zona de observación del sofá, muro de librero, barra, telescopio, plantas, etc.) → la cámara se acerca suavemente; haz clic en un espacio vacío o vuelve a hacer clic → regresa a la vista completa.

Easter egg del telescopio: haz clic en el telescopio → la cámara se acerca brevemente a un primer plano del atardecer fuera de la ventana durante 2 segundos y luego se aleja ("miraste por él").

Luces interiores: haz clic en la lámpara de pie → activa o desactiva manualmente todas las luces interiores (anulando la lógica automática).

Modo de congelación: haz clic en el sol → pausa el flujo del tiempo ("colecciona" el atardecer en este preciso momento); vuelve a hacer clic para reanudarlo.

Estado predeterminado: flujo automático, comenzando a las 18:10, con las luces interiores siguiendo automáticamente al cielo.

Referencia de estilo: style_ref.png en esta carpeta es la referencia de atmósfera; su composición (ventana de piso a techo + vista del río al atardecer frente al espectador), luz y sombra doradas, sensación de caja de maqueta y densidad de detalle son el estándar (la distribución de elementos no necesita coincidir uno a uno; el mobiliario sigue este documento). Si style_ref.png no se proporciona en la conversación, primero usa la habilidad de generación de imágenes para producir una imagen de referencia conceptual según la definición de estilo y los requisitos de composición anteriores, y comienza a trabajar solo después de que lo confirme. Para la autoevaluación, compara directamente: coloca la captura de la primera pantalla junto a style_ref.png; si la densidad y la sensación de luz y sombra son claramente inferiores, sigue añadiendo detalles y ajustando la iluminación.

División de implementación: todo lo interior debe ser geometría 3D real; el río, el perfil urbano y el cielo fuera de la ventana deben implementarse en capas (superficie de agua 3D en primer plano cercano, siluetas de masas urbanas en plano medio y degradado de shader de cúpula celeste); no se permite una imagen de fondo plana. El sol, el camino de luz y la luz y sombra interiores deben estar completamente vinculados.

Proceso (confirmación componente por componente; espera mi confirmación en cada paso): primero construye los componentes y toma una captura de cada uno para mi revisión: 1) estructura de planta + ventana de piso a techo + río y perfil urbano + luz dorada a las 18:10; 2) zona de observación y muro de librero (la luz y la sombra deben estar bien, los lomos de libros deben ser nítidos); 3) rincón de bar, plantas y objetos dispersos. Tras mi confirmación, ensambla todo, agrega movimiento e interacciones y ajusta la vinculación completa de la línea de tiempo del atardecer.

Entregables: una página web que se pueda implementar y abrir directamente; además de cinco imágenes grandes de fotograma congelado (17:30 dorado pálido / 18:25 momento culminante de oro fundido / 18:50 atardecer naranja rojizo tocando el perfil urbano / 19:10 hora azul con las luces de la ciudad encendidas / clic para enfocar la zona de observación del sofá).

Autoevaluación visual (requisito estricto): el proceso debe incluir autoevaluación visual; toma capturas y revísalas tú mismo: 1) composición de la primera pantalla: ¿la ventana de piso a techo + el atardecer son visibles directamente y el centro visual?; 2) densidad de detalle: compara lado a lado con style_ref.png; 3) la temperatura de color y la luz de las tres fases del atardecer se sostienen sin fallas en la vinculación; 4) ¿las largas sombras del marco de la ventana son nítidas y el reflejo del río sigue al sol?; 5) detalles de textura y legibilidad del texto. Debe capturarse cada estado de interacción (enfoque / congelación / telescopio / luces manuales); si no estás satisfecho, ajusta y repite.

Crea una carpeta /output y coloca allí todos los entregables. Si hay recursos, crea una carpeta /assets dentro de /output y coloca allí los recursos.