Реалізація AR-перегляду NFT-арту у мобільному додатку

TRUETECH займається розробкою, підтримкою та обслуговуванням мобільних додатків iOS, Android, PWA. Маємо великий досвід та експертизу для публікації мобільних додатків до популярних маркетів Google Play, App Store, Amazon, AppGallery та інші.
8+Років на ринку900+Реалізованих проектів100+Розробників у штаті19+Партнерів

Розробка та підтримка будь-яких видів мобільних додатків:

Інформаційні та розважальні мобільні програми
Новинки, ігри, довідники, онлайн-каталоги, погодні, фітнес та здоров'я, туристичні, освітні, соціальні мережі та месенджери, квіз, блоги та подкасти, форуми, агрегатори
Мобільні програми електронної комерції
Інтернет-магазини, B2B-додатки, маркетплейси, онлайн-обмінники, кешбек-сервіси, біржі, дропшиппінг-платформи, програми лояльності, доставка їжі та товарів, платіжні системи
Мобільні програми для управління бізнес-процесами
CRM-системи, ERP-системи, управління проектами, інструменти для команди продажів, облік фінансів, управління виробництвом, логістика та доставка, управління персоналом, системи моніторингу даних
Мобільні програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, платформи надання електронних послуг, платформи кешбеку, відеохостинги, тематичні портали, платформи онлайн-бронювання та запису, платформи онлайн-торгівлі

Це лише деякі з типів мобільних додатків, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Послуги, які ми пропонуємо
Показано 1 з 1Усі 1735 послуг
Реалізація AR-перегляду NFT-арту у мобільному додатку
Складний
~3-5 днів
Часті запитання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_mobile-applications_feedme_467_0.webp
    Розробка мобільного додатка для компанії FEEDME
    792
  • image_mobile-applications_xoomer_471_0.webp
    Розробка мобільного додатку для компанії XOOMER
    671
  • image_mobile-applications_rhl_428_0.webp
    Розробка мобільного додатку для компанії RHL
    1097
  • image_mobile-applications_zippy_411_0.webp
    Розробка мобільного додатку для компанії ZIPPY
    969
  • image_mobile-applications_affhome_429_0.webp
    Розробка мобільного додатку для компанії Affhome
    914
  • image_mobile-applications_flavors_409_0.webp
    Розробка мобільного додатку для компанії FLAVORS
    495
Показати більше робіт

Реалізація AR-превью NFT-арту в мобільному додатку

NFT-колекціонер купив 3D-анімований арт. Дивитись його в браузері у 2D не цікаво. AR-функція в мобільному додатку дозволяє "повісити" NFT на стіну у своїй кімнаті або розмістити 3D-скульптуру на столі — та побачити, як це виглядає у реальному просторі. Це додає цінність до NFT як фізичного об'єкту колекціонування.

Типи NFT-контенту та AR-рендер

2D NFT (JPEG/PNG/GIF). Найпростіший випадок: створюємо віртуальну раму (SCNPlane з матеріалом), текстуру завантажуємо з IPFS або HTTP URI з метаданих токена. Розміщуємо на вертикальну поверхню через ARPlaneDetection.vertical. Анімований GIF — декодуємо покадрово через CGImageSourceCreateWithData, оновлюємо текстуру за таймером.

3D NFT (glTF/GLB). Все більше проектів випускають 3D-скульптури. На iOS завантажуємо через GLTFSceneKit або конвертуємо в USDZ на льоту через ModelIO → MDLAsset → експорт USDZ. На Android — SceneView (Filament-based) з Sceneform 2.0 нативно підтримує glTF.

Video NFT (MP4/WebM). SCNMaterialProperty приймає AVPlayerItem як вміст текстури — NFT-відео відтворюється прямо на AR-поверхні у реальному часі. Петля, звук опціонально.

Отримання контенту за метаданими NFT

Стандарт ERC-721/ERC-1155 метаданих містить image та опціонально animation_url. Кроки:

  1. За tokenId та contractAddress запитуємо tokenURI через JSON-RPC (eth_call) або через Alchemy/Moralis/OpenSea API
  2. Отримуємо JSON метаданих з image, animation_url, properties
  3. Якщо URI починається з ipfs:// — конвертуємо через публічний gateway (https://gateway.pinata.cloud/ipfs/...) або власну IPFS-ноду
  4. Завантажуємо медіафайл, кешуємо локально

IPFS-завантаження може бути повільним на публічних шлюзах. Рекомендуємо кешувати агресивно: при першому перегляді пишемо в URLCache з великим diskCapacity (500 МБ+).

AR placement для арт-об'єктів

Wall hanging (2D арт). Сканюємо вертикальну поверхню через ARPlaneDetection.vertical. Проблема: ARKit повільніше виявляє вертикальні площини ніж горизонтальні, особливо на гладких стінах. Додаємо manual placement mode: drag по екрану для позиціонування, pinch для масштабу, rotation gesture для кута.

3D скульптура на поверхні. ARPlaneDetection.horizontal + raycast з центру екрану → розміщуємо об'єкт на виявленій площині. ARRaycastQuery замість застарілого hitTest. Снапинг до площини при переміщенні: відслідковуємо ARPlaneAnchor updates, прибиваємо Y-координату об'єкту до площини.

Фото для соцсетей. Ключова функція для NFT-аудиторії. Знімаємо ARView через ARView.snapshot(saveToPhotoLibrary:) (RealityKit) або SCNView.snapshot() (SceneKit). Додаємо UI-оверлей з іменем NFT та колекцією поверх знімку перед збереженням — через UIGraphicsImageRenderer.

Права та watermark

Деякі NFT-проекти обмежують комерційне використання. У AR-контексті важливо не порушувати IP-права при створенні похідного контенту (скриншоти з логотипом додатку не вважаються похідним твором, але краще проконсультуватись з юристом для конкретного проекту).

Терміни: AR-превью для 2D/3D NFT у існуючому Web3-додатку — 3–5 тижнів. Повноцінний AR-галерейний досвід з кастомними рамками, 3D скульптурами та шерингом — 6–10 тижнів. Вартість розраховується індивідуально.