Тестування дизайну в AR

Oleksandr Kolodko
3 min readJan 30, 2021

Якщо одним рядком: 3д-модель → FBX → Reality converter → USDZ → iOS.

Під час роботи над другою чергою київської навігації подумав, як можна було б спростити процес вибору та затвердження місць розміщення, але лишити його наочним, прямо в середовищі. Не хотілося витрачати час на фотошоплення розміщення пілонів на фото, бо для кожної точки ми дивились кілька різних місць. Згадав про AR та подивився, як же ж можна застосувати цю технологію. Виявляється зовсім не складно.

Примірка київських пілонів

Метод для iOS

Увесь процес можна вкласти у чотири кроки:

1.Створити 3д-модель у будь-якій програмі, яка може зберегти модель та текстури у форматах OBJ або FBX. Я користуюсь Rhino, в якій створюю модель у розмірах та накладаю текстури з дизайном. Моделі можуть бути зовсім не складними з простих паралелепіпедів та циліндрів. Важливо робити модель або у розмірах 1:1 або 1:10, щоб потім масштаб в AR збігався.

Моделі в Rhino

2. Експортуємо модель у один з двох форматів FBX або OBJ. FBX краще, оскільки всі текстури потім нормально завантажуються далі, а якщо зберігати в OBJ, текстури потрібно буде додатково підвантажувати.

3. Apple створили окрему програму — Reality Converter, яка конвертує модель у готову для AR сцену у форматі USDZ. У програмі важливо задача правильні одиниці вимірювання — міліметри чи сантиметри — в залежності від того, в якому розмірі ви робили модель.

Налаштування у Reality Converter

Якщо текстури не підвантажились автоматично, можна завантажити їх вручну. Тут також можна завантажити карт нормалей, рефлексів та інших параметрів.

Налаштування матеріалів у Reality Converter

4. Формат USDZ підтримується нативно в iOS з версії 12 і вище. Наприклад, на сайті самого Apple всі їх нові продукти можна подивитись в AR з айфону. Для цього потрібно завантажити кудись файл USDZ і відкрити його у Сафарі на телефоні.

Я створив дуже просту сторінку на нашому хостингу і просто завантажую через FTP модель та зображення-прев’ю, посилання з якої веде на саму модель (на зображенні з’являється позначка AR).

Зображення-посилання на файл USDZ, праворуч зверху піктограма AR

Все. Далі нативне прев’ю дозволяє зробити фото та відео з моделлю в просторі. Я не знаю, як це працює на Андроїді, бо у мене немає на чому протестувати.

Adobe Aero

Нещодавно Adobe випустив застосунок Aero і до нього ще програму яка допомагаю створювати AR-сцени. Застосунок також дозволяє завантажити вашу модель у форматі USDZ і додати в AR, або навіть просто звичайну картинку з телефону можна вивести на віртуальну площину. Ще швидший шлях подивитись, як макет виглядає в середовищі без додаткового моделювання.

--

--

Oleksandr Kolodko

Навігаційний та інформаційний дизайнер · Wayfinding & Information designer · alexkolodko.com · ARC wayfinding.systems · Агенти змін a3.kyiv.ua