Попробовать онлайн Описание
«World in a Box» — веб-приложение для всех, кто хочет держать на ладони воспоминания, которые связывают их с кем-то. Вы входите на редактируемую 3D-улицу, прогуливаетесь по ней и заглядываете в четыре маленькие лавки: старый магазин электроники, чайную, магазин подарков и кафе. Подойдя ближе, вы берёте с полок «предметы-воспоминания», затем вместе со своими записанными воспоминаниями размещаете их на планете размером с ладонь, которую можно вращать и хранить, и дарите её вместе с развёрнутым письмом тому, кто вам дорог.
Всё происходит в четыре шага:
- Улица воспоминаний: нажмите E у двери лавки, чтобы войти, и щёлкайте по предметам-воспоминаниям вблизи, чтобы подобрать их.
- Мой карман: здесь хранится всё, что вы подобрали.
- Редактор планеты: выберите стиль планеты и пару персонажей, отберите ровно три предмета-воспоминания и напишите свои воспоминания и развёрнутое письмо.
- Коллекционная карточка: планета и письмо появляются вместе на одной карточке.
Коллекционную карточку, модель планеты и письмо можно сохранить и забрать с собой; карман и черновики хранятся локально, так что при обновлении страницы ничего не теряется.
Редактируемую улицу команда построила сама на Three.js (r180) из мешей с запечёнными материалами, а планета и коллекционная карточка рендерятся тем же движком. Карман, редактор планеты, коллекционная карточка и процесс сохранения тоже полностью разработаны командой.
Как использовался Tripo
Сердце этого подарка создал Tripo.
- Предметы-воспоминания и персонажи: Tripo создал дизайн-изображения и высокодетализированные GLB-модели всех ключевых предметов-воспоминаний и обоих персонажей — например, фирменного «Лунного телевизора» из лавки, в котором около 110 тысяч треугольников. Именно эти подарки игроки подбирают в лавках и устанавливают на планету.
- Пайплайн «сначала изображение»: локальная сборка проходит весь цикл через Tripo API — сначала генерирует дизайн-изображение и только после одобрения пользователя создаёт 3D-модель. На момент подачи проекта в онлайн-версии эта точка входа ещё не была открыта.
- Замкнутый цикл: модели Tripo встроены в собственные разработки команды на Three.js — улицу и движок планеты на ладони — и проходят весь путь от генерации и одобрения до исследования, подбора, размещения на планете, создания коллекционной карточки и экспорта модели, которую можно сохранить. С каждым предметом можно играть, каждый можно собрать в коллекцию и подарить.
