NFT-колекціонер купив 3D-анімований арт, але дивитися його в браузері в 2D нецікаво. Ми вирішуємо цю проблему: вбудовуємо AR-функцію в мобільний додаток, яка дозволяє «повісити» NFT на стіну в своїй кімнаті або розмістити 3D-скульптуру на столі. Користувач бачить арт у реальному просторі — це додає цінності NFT як фізичному об'єкту колекціонування. Наша команда має 7+ років досвіду в мобільній розробці та реалізувала понад 50 проєктів у web3 та NFT. Сертифіковані розробники Apple та Google забезпечують високу якість реалізації.
Чому AR-попередній перегляд NFT підвищує цінність?
AR-функція перетворює цифровий актив на інтерактивний експонат. Власник може демонструвати арт друзям, робити фото NFT в AR для соцмереж та отримувати новий досвід взаємодії. Це збільшує ліквідність NFT та приваблює покупців, які шукають не просто картинку, а унікальний спосіб її демонстрації.
Типи NFT-контенту та AR-рендер
| Тип NFT | Формат | AR-рендер | Особливості |
|---|---|---|---|
| 2D | JPEG/PNG/GIF | SCNPlane з матеріалом, текстура з IPFS | Вертикальне розміщення, анімація GIF покадрово через CGImageSource |
| 3D | glTF/GLB | GLTFSceneKit (iOS) / SceneView (Android) | Конвертація в USDZ, підтримка PBR-матеріалів, LOD-моделі |
| Відео | MP4/WebM | AVPlayerItem як текстура | Петля, опціональний звук |
2D NFT. Найпростіший випадок: створюємо віртуальну рамку (SCNPlane з матеріалом), текстуру завантажуємо з IPFS або HTTP URI з метаданих токена. Розміщуємо на вертикальну поверхню через ARPlaneDetection.vertical. Анімований GIF — декодуємо покадрово через CGImageSourceCreateWithData, оновлюємо текстуру по таймеру.
3D NFT. Все більше проєктів випускають 3D-скульптури. На iOS завантажуємо через GLTFSceneKit або конвертуємо в USDZ на льоту через ModelIO → MDLAsset → експорт USDZ. На Android — SceneView (Filament-based) з Sceneform 2.0 нативно підтримує glTF. Завдяки агресивному кешуванню, швидкість завантаження контенту в 3 рази вища, ніж при використанні стандартних HTTP-запитів.
Відео NFT. SCNMaterialProperty приймає AVPlayerItem як вміст текстури — NFT-відео відтворюється прямо на AR-поверхні в реальному часі. Петля, звук опціонально.
Як завантажити контент за метаданими NFT?
Стандарт ERC-721/ERC-1155 метаданих містить image та опціонально animation_url. Кроки:
- За tokenId та contractAddress запитуємо tokenURI через JSON-RPC (eth_call) або через Alchemy/Moralis/OpenSea API.
- Отримуємо JSON метаданих з image, animation_url, properties.
- Якщо URI починається з ipfs:// — конвертуємо через публічний gateway (наприклад, gateway.pinata.cloud) або власну IPFS-ноду.
- Завантажуємо медіафайл, кешуємо локально.
IPFS-завантаження може бути повільним на публічних шлюзах. Рекомендуємо кешувати агресивно: при першому перегляді пишемо в URLCache з великим diskCapacity (500 MB+).
Placement для арт-об'єктів
Wall hanging (2D арт). Скануємо вертикальну поверхню через ARPlaneDetection.vertical. Проблема: ARKit повільніше виявляє вертикальні площини, ніж горизонтальні, особливо на гладких стінах. Додаємо manual placement mode: drag по екрану для позиціонування, pinch для масштабу, rotation gesture для кута.
3D скульптура на поверхні. ARPlaneDetection.horizontal + raycast з центру екрану → поміщаємо об'єкт на виявлену площину. ARRaycastQuery замість застарілого hitTest. Снапінг до площини при переміщенні: відстежуємо ARPlaneAnchor updates, прибиваємо Y-координату об'єкта до площини.
Фото NFT в AR для соцмереж. Ключова функція для NFT-аудиторії. Знімаємо ARView через ARView.snapshot(saveToPhotoLibrary:) (RealityKit) або SCNView.snapshot() (SceneKit). Додаємо UI-оверлей з іменем NFT та колекцією поверх знімка перед збереженням — через UIGraphicsImageRenderer.
Права та watermark
Деякі NFT-проєкти обмежують комерційне використання. В AR-контексті важливо не порушувати IP-права при створенні похідного контенту: скріншоти з логотипом додатку не вважаються похідним твором, але краще проконсультуватися з юристом для конкретного проєкту. Ми включили перевірку відповідності App Store Review Guidelines (Section 4.2/5.1) до переліку робіт.
Що входить в роботу
- Аналіз метаданих NFT та інтеграція з вашим смарт-контрактом
- Реалізація AR-попереднього перегляду з підтримкою 2D/3D/відео контенту
- Налаштування IPFS кешування та роботи з шлюзами
- Інтеграція кнопки «Зробити фото NFT в AR» з водяним знаком
- Перевірка на відповідність App Store Review Guidelines (Section 4.2/5.1)
- Документація по API та конфігурації
Порівняння платформ: iOS vs Android
| Параметр | iOS (ARKit) | Android (ARCore) |
|---|---|---|
| Виявлення площин | ARPlaneDetection.vertical + horizontal | PlaneFindingMode.Horizontal + Vertical |
| Завантаження glTF | GLTFSceneKit / ModelIO | SceneView (Filament) |
| Snap | snapshot() (SCNView/ARView) | takeScreenshot() на SurfaceView |
Терміни: AR-попередній перегляд NFT для 2D/3D у існуючому Web3-додатку — 3–5 тижнів. Повноцінний AR-галерейний досвід з кастомними рамками, 3D-скульптурами та шерингом — 6–10 тижнів. Вартість: базовий AR-перегляд — від $5,000 до $8,000, повний — від $12,000 до $18,000. Завдяки готовим компонентам інтеграція обходиться на 30–40% дешевше порівняно з розробкою з нуля. Ми гарантуємо сумісність з останніми версіями ARKit та ARCore. Отримайте консультацію по вашому проєкту — зв'яжіться з нами для оцінки.