Реализация 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.

Видео 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 MB+).

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 недель. Стоимость рассчитывается индивидуально.