Конфігуратор човнів: повний посібник

Створення повноцінного конфігуратора човнів може здатися складним завданням, але в Amaspace цей процес чітко структурований, зрозумілий і гнучко налаштовується. У цьому посібнику ми пройдемо всі кроки створення конфігуратора: від налаштування товару й роботи з асетами до логіки кастомізації, редагування сцени та фінальних функцій для клієнтів, як-от створення PDF і перегляд в AR.

1. Створення товару

Спочатку створюємо новий товар у Product Editor. У спливаючому вікні створення ви задаєте назву товару, базову ціну й теги та завантажуєте базову 3D-модель човна. Ця модель стає основою вашого конфігуратора.

2. Завантаження асетів

Далі додаткові асети, як-от двигуни та додаткове обладнання, завантажуються через вкладку Assets. Перед завантаженням Amaspace пропонує задати налаштування стиснення для кожного файлу окремо або для всіх одразу, щоб асети були оптимізовані для вебу (текстури конвертуються в ефективні формати, як-от WebP).

3. Атрибути та категорії

У Product Editor ми вибудовуємо структуру опцій кастомізації.

• Категорії працюють як папки, що групують пов’язані функції.
• Атрибути визначають, що саме можна налаштувати (наприклад, двигуни, пакети чи кольори).
• PCO (Product Customization Options) — це конкретні опції, які бачить і вибирає клієнт.

Атрибути й PCO керуються в ієрархічному дереві на лівій бічній панелі. Права бічна панель показує детальні налаштування вибраного елемента: відображувану назву, ціну, теги й опції за замовчуванням. У центральному вікні перегляду 3D-модель показується в реальному часі, і ви можете прив’язувати атрибути прямо до частин моделі за допомогою Part Picker.

4. Усунення конфліктів базової моделі

Налаштовуючи двигуни, ми спочатку створили атрибут типу Single, але потім змінили його на Part Reference, щоб можна було динамічно перемикати кілька моделей двигунів. Якщо базова модель містить статичні частини (наприклад, уже встановлений двигун), їх можна приховати в 3D Editor. Так видимістю правильно керують PCO.

5. Додавання кольорів

Створюємо нову категорію Colors для кольорів оздоблення, корпусу, панелей і акцентних кольорів меблів. Для кожного атрибута матеріали завантажуються через Asset Library, а потім прив’язуються до потрібного меша моделі за допомогою Part Picker. Так клієнти можуть змінювати кожну зону окремо.

6. Налаштування сцени в 3D Editor

У 3D Editor налаштовуються оточення й технічні параметри моделі.

• Налаштуйте Configurator camera, щоб задати початковий ракурс, який побачать клієнти.
• Додайте Water Shader, налаштуйте швидкість анімації, рівень і якість води.
• Увімкніть Float Animation, щоб човен реалістично погойдувався на воді.
• Увімкніть оточення Sky, щоб завершити морську сцену.

7. Тестування конфігуратора

У режимі попереднього перегляду можна протестувати всі опції. Атрибути типу Single вмикають і вимикають такі функції, як буксир для водних лиж чи туристичний пакет. Двигуни правильно перемикаються між моделями. Атрибути кольору оновлюються наживо, а проблеми, що виникли спочатку, ми усунули, скинувши кольори матеріалів за замовчуванням у Material Editor, який керує базовими властивостями матеріалів, як-от колір і текстури.

8. Створення PDF-пропозиції

Коли конфігуратор працює, клієнти можуть експортувати свій вибір як PDF-зведення. Одним кліком створюється акуратний PDF з усіма вибраними опціями, їхніми цінами та контактними даними. Цей документ — готова комерційна пропозиція, якою можна поділитися з клієнтами й дилерами.

9. Перегляд в AR

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

Висновок

З Amaspace налаштувати детальний конфігуратор просто: ви створюєте товари, завантажуєте асети, налаштовуєте атрибути й PCO, доводите до ладу 3D-сцену й даєте клієнтам повний набір інструментів. Інтерактивний 3D-перегляд, PDF-пропозиції та AR покривають увесь шлях покупця, і візуалізація товару стає робочим інструментом продажів.