Лабораторія / 01 · 12 прикладів
3D
Об’єкти, повністю створені в коді й показані в реальному часі на Three.js: скрол-історії, розібрані види та конфігуратори, з постером, коли WebGL недоступний.
Показано 12 з 12
Aster Bay Residences
Сайт продажу вигаданої вежі-новобудови на острові в лагуні: підлітайте в золоту годину, дивіться, як настає ніч і всі 225 квартир світяться за доступністю, фільтруйте, розрізайте вежу поверх за поверхом, читайте згенерований план квартири й графік оплати та ставайте на будь-який балкон, щоб побачити справжній краєвид у будь-який час доби.
Three.jsGSAP+2 ще
Greek Sail
Двомовний (українська та англійська) 3D-сайт туру на восьмиденну подорож катамараном Саронічними островами: гортайте, щоб пропливти процедурною картою затоки від Афін до Моні, Метани, Пороса, Гідри й Егіни, з програмою по днях, справжніми фото, командою і заявкою на бронювання.
Three.jsGLSLGSAP+2 ще
Навушники в розібраному вигляді
Концепт повнорозмірних навушників, створених у коді: скрольте, щоб побачити, як вони розбираються деталь за деталлю, а потім оберіть оздоблення й покрутіть їх.
Three.jsReact Three Fiber+2 ще
Морський дрон
Сторінка запуску вигаданого безекіпажного надводного апарата на нічному морі, створеного в коді: скрольте від першого екрана через його профіль, рентген корпусу, вигляд із сенсорів для слабкого освітлення й тепловізора, виконання місії та флот у строю.
Three.jsReact Three Fiber+3 ще
Стетоскоп Auscura S1
Сторінка запуску вигаданого медтех-стартапу та його концепту цифрового стетоскопа: скрольте, щоб повернути його, розберіть головку на дев’ять підписаних деталей, дивіться, як LED-кільце світиться в такт із синтетичною хвилею, перемикайте режими серця, легень і широкого діапазону, перегляньте макет додатка-компаньйона, оберіть оздоблення і запишіться в демо-список раннього доступу.
Three.jsGSAP+3 ще
Sela: анкета клініки
Онлайн-анкета для вигаданої фізіотерапевтичної клініки: торкніться 3D-фігури там, де болить, і в цьому місці відкриється картка з питаннями, дайте відповідь у чотирьох коротких анімованих кроках, а потім дивіться, як фігура заспокоюється, а сяйна стрічка спіраллю піднімається крізь ілюстративний план лікування, на який можна записатися.
Three.jsGLSLGSAPReact+1 ще
Warmline: дім із тепловим насосом
Сайт продажу для вигаданого монтажника теплових насосів і домашніх батарей: скрольте будинок у розрізі й простежте енергію одного холодного весняного дня, від холодного повітря через холодильний цикл до теплої підлоги, від даху через батарею до автомобіля, а потім порахуйте власну економію і запишіться на демо-огляд.
Three.jsGSAP+2 ще
Amber Vial
Концепт флакона для пігулок, створеного в коді: скрольте, щоб повернути його, відкрутіть кришку, зніміть пломбу й висипте пігулки в мисочку, потім закрийте знову, оберіть колір кришки й покрутіть його вручну.
Three.jsReact Three Fiber+2 ще
Play Button Audit
Лендинг зі скрол-анімацією для вигаданого аудиту YouTube-каналів: одна глянцева 3D-кнопка відтворення, створена в коді, тьмяніє й тріскається, наповнюється під час сканування, отримує кільце оцінки, облітає інструменти й стає срібною, золотою та діамантовою, поки сторінка розповідає свою історію.
Three.jsReact Three Fiber+5 ще
Зуб
Скрол-історія для вигаданої стоматології: почніть із зубного болю, загляньте всередину кутнього зуба в розрізі, подивіться, як карієс росте від емалі до нерва, побачте ранній шлях (одна пломба) і пізній (видалення, спланований у 3D титановий імплант, загоєння і нова коронка), а потім запишіться на огляд.
Three.jsGSAP+2 ще
Rackwise: конфігуратор стелажів із миттєвим розрахунком
B2B-конфігуратор сталевих стелажів під замовлення для вигаданого виробника: задайте секції, висоту, глибину, рівні, навантаження, клас, колір і додаткові елементи, а детальна модель у коді з перфорованими стійками, ступінчастими балками й розкосами одразу перебудовується. Інженерні перевірки підказують виправлення, специфікація й ілюстративна ціна з доставкою та знижками рахуються наживо, а розрахунок можна роздрукувати, вивантажити в CSV або поділитися посиланням.
Three.jsTypeScriptVitest
Tessera: планувальник плитки для ванної
Планувальник плитки для ванної кімнати вигаданої студії: задайте розміри кімнати, розставте й перетягніть піддон або ванну, унітаз, тумбу, двері, вікно й нішу, виберіть плитку для підлоги й стін від мозаїки до 60 x 120 см і розкладіть її прямо, зі зміщенням, ялинкою або по діагоналі. Плитка викладається наживо на всіх поверхнях із вирізами під отвори й підсвіченими підрізаними плитками, а розрахунок показує цілі й підрізані плитки, повторне використання обрізків, відходи й кількість коробок і список клею, затірки, гідроізоляції, ґрунтовки, кліпс, силікону й профілів за типовими нормами витрати з технічних карт.
Three.jsTypeScriptVitest