73 m², tre modi di vivere

Usa Three.js per creare una pagina web interattiva di arredamento 3D per un appartamento di 73 metri quadrati con due camere da letto: a parità di pianta, presenta tre diverse soluzioni abitative per la "seconda stanza" (lavoro da casa / ospitare amici / riservata al futuro) e cambia con un clic la disposizione degli arredi dell'intero appartamento. La pagina include quattro modalità di visualizzazione: vista in sezione tipo casa di bambole, vista ortografica dall'alto, sezione a 1,35 m e visita in prima persona (movimento WASD, collisioni con pareti e mobili, clic sulle porte per aprirle e chiuderle). L'animazione iniziale fa emergere pareti, infissi e mobili dalla pianta 2D. Un cursore temporale in alto controlla l'illuminazione del mattino / pomeriggio / sera e, di notte, le lampade da scrivania e le lampade a sospensione di ogni stanza si accendono automaticamente. Facendo clic su una stanza si apre una scheda con superficie e dimensioni, oltre a un elenco degli arredi. Tutti gli arredi sono modellati proceduralmente e poi sostituiti con 32 asset GLB low-poly di alta qualità predefiniti, creati in Blender, con texture procedurali di venature del legno, tessuto e pietra e ombre morbide. Lo stile è il minimalismo giapponese: rovere chiaro + bianco caldo + verde grigiastro. Sostituisci l'appartamento e lo stile con un monolocale loft industriale: mantieni le tre configurazioni predefinite e le quattro modalità di visualizzazione, ma passa ad arredi con strutture in metallo, noce scuro e pelle, raddoppia l'altezza del soffitto e aggiungi finestre a tutta altezza. 

Usa Three.js per creare una pagina web interattiva di arredamento 3D per un appartamento di 73 metri quadrati con due camere da letto: a parità di pianta, presenta tre diverse soluzioni abitative per la "seconda stanza" (lavoro da casa / ospitare amici / riservata al futuro) e cambia con un clic la disposizione degli arredi dell'intero appartamento. La pagina include quattro modalità di visualizzazione: vista in sezione tipo casa di bambole, vista ortografica dall'alto, sezione a 1,35 m e visita in prima persona (movimento WASD, collisioni con pareti e mobili, clic sulle porte per aprirle e chiuderle). L'animazione iniziale fa emergere pareti, infissi e mobili dalla pianta 2D. Un cursore temporale in alto controlla l'illuminazione del mattino / pomeriggio / sera e, di notte, le lampade da scrivania e le lampade a sospensione di ogni stanza si accendono automaticamente. Facendo clic su una stanza si apre una scheda con superficie e dimensioni, oltre a un elenco degli arredi. Tutti gli arredi sono modellati proceduralmente e poi sostituiti con 32 asset GLB low-poly di alta qualità predefiniti, creati in Blender, con texture procedurali di venature del legno, tessuto e pietra e ombre morbide. Lo stile è il minimalismo giapponese: rovere chiaro + bianco caldo + verde grigiastro. Passa in inglese tutti i testi dell'interfaccia, le schede delle stanze e gli elenchi degli arredi, e aggiungi una pagina riepilogativa iniziale per i clienti che spieghi brevemente in inglese quale esigenza abitativa risolve ciascuna delle tre configurazioni.