73 m², tres formas de vivir

Usa Three.js para crear una página web interactiva de diseño interior en 3D para un departamento de dos habitaciones y 73 metros cuadrados: con el mismo plano, presenta tres alternativas de uso para "la segunda habitación" (trabajo desde casa / amigos que se quedan a dormir / reservada para el futuro) y cambia con un clic la distribución de muebles de todo el departamento. La página incluye cuatro modos de visualización: vista recortada de casa de muñecas, vista superior ortográfica, corte seccional a 1.35 m y recorrido en primera persona (movimiento WASD, colisión con paredes y muebles, clic en las puertas para abrirlas y cerrarlas). La animación de apertura hace surgir paredes, marcos de ventana y muebles a partir del plano en 2D. Un control deslizante de tiempo en la parte superior controla la iluminación de mañana / tarde / noche, y por la noche se encienden automáticamente las lámparas de escritorio y colgantes de cada habitación. Al hacer clic en cualquier habitación, aparece una tarjeta con su superficie y dimensiones, además de una lista de muebles. Todos los muebles se modelan de forma procedural y luego se reemplazan con 32 recursos GLB prefabricados, de alta calidad y bajo número de polígonos, creados en Blender, con texturas procedurales de veta de madera, tela y piedra, y sombras suaves. El estilo es minimalismo japonés: roble claro + blanco cálido + verde grisáceo. Reemplaza el departamento y el estilo por un estudio tipo loft industrial: conserva las tres distribuciones predefinidas y los cuatro modos de visualización, pero cambia los muebles por estructuras metálicas, nogal oscuro y cuero, duplica la altura del techo y agrega ventanas de piso a techo. 

Usa Three.js para crear una página web interactiva de diseño interior en 3D para un departamento de dos habitaciones y 73 metros cuadrados: con el mismo plano, presenta tres alternativas de uso para "la segunda habitación" (trabajo desde casa / amigos que se quedan a dormir / reservada para el futuro) y cambia con un clic la distribución de muebles de todo el departamento. La página incluye cuatro modos de visualización: vista recortada de casa de muñecas, vista superior ortográfica, corte seccional a 1.35 m y recorrido en primera persona (movimiento WASD, colisión con paredes y muebles, clic en las puertas para abrirlas y cerrarlas). La animación de apertura hace surgir paredes, marcos de ventana y muebles a partir del plano en 2D. Un control deslizante de tiempo en la parte superior controla la iluminación de mañana / tarde / noche, y por la noche se encienden automáticamente las lámparas de escritorio y colgantes de cada habitación. Al hacer clic en cualquier habitación, aparece una tarjeta con su superficie y dimensiones, además de una lista de muebles. Todos los muebles se modelan de forma procedural y luego se reemplazan con 32 recursos GLB prefabricados, de alta calidad y bajo número de polígonos, creados en Blender, con texturas procedurales de veta de madera, tela y piedra, y sombras suaves. El estilo es minimalismo japonés: roble claro + blanco cálido + verde grisáceo. Cambia al inglés todos los textos de la interfaz, las tarjetas de habitaciones y las listas de muebles, y agrega una página de resumen inicial para clientes que explique brevemente en inglés qué necesidad de vivienda resuelve cada una de las tres distribuciones.