AR Preview of NFT Art in Mobile App

TRUETECH is engaged in the development, support and maintenance of iOS, Android, PWA mobile applications. We have extensive experience and expertise in publishing mobile applications in popular markets like Google Play, App Store, Amazon, AppGallery and others.
8+Years of work900+Completed projects100+In house employees19+Partners
Development and support of all types of mobile applications:
Information and entertainment mobile applications
News apps, games, reference guides, online catalogs, weather apps, fitness and health apps, travel apps, educational apps, social networks and messengers, quizzes, blogs and podcasts, forums, aggregators
E-commerce mobile applications
Online stores, B2B apps, marketplaces, online exchanges, cashback services, exchanges, dropshipping platforms, loyalty programs, food and goods delivery, payment systems.
Business process management mobile applications
CRM systems, ERP systems, project management, sales team tools, financial management, production management, logistics and delivery management, HR management, data monitoring systems
Electronic services mobile applications
Classified ads platforms, online schools, online cinemas, electronic service platforms, cashback platforms, video hosting, thematic portals, online booking and scheduling platforms, online trading platforms

These are just some of the types of mobile applications we work with, and each of them may have its own specific features and functionality, tailored to the specific needs and goals of the client.

Offered services
Showing 1 of 1 servicesAll 1735 services
AR Preview of NFT Art in Mobile App
Complex
~3-5 business days
FAQ
Our competencies:
Development stages
Latest works
  • image_mobile-applications_feedme_467_0.webp
    Development of a mobile application for FEEDME
    760
  • image_mobile-applications_xoomer_471_0.webp
    Development of a mobile application for XOOMER
    640
  • image_mobile-applications_rhl_428_0.webp
    Development of a mobile application for RHL
    1056
  • image_mobile-applications_zippy_411_0.webp
    Development of a mobile application for ZIPPY
    947
  • image_mobile-applications_affhome_429_0.webp
    Development of a mobile application for Affhome
    874
  • image_mobile-applications_flavors_409_0.webp
    Development of a mobile application for the FLAVORS company
    449
Show more works

AR Preview Implementation for NFT Art in Mobile Applications

An NFT collector purchased 3D animated art. Viewing it in browser in 2D is uninteresting. AR feature in mobile app lets them "hang" NFT on their wall or place 3D sculpture on table—see how it looks in real space. Adds value to NFT as physical collectible.

NFT Content Types and AR Rendering

2D NFT (JPEG/PNG/GIF). Simplest: create virtual frame (SCNPlane with material), load texture from IPFS or HTTP URI from token metadata. Place on vertical surface via ARPlaneDetection.vertical. Animated GIF—decode frame-by-frame via CGImageSourceCreateWithData, update texture per timer.

3D NFT (glTF/GLB). More projects release 3D sculptures. On iOS load via GLTFSceneKit or convert to USDZ on-the-fly via ModelIO → MDLAsset → USDZ export. On Android—SceneView (Filament-based) from Sceneform 2.0 natively supports glTF.

Video NFT (MP4/WebM). SCNMaterialProperty accepts AVPlayerItem as texture content—NFT video plays directly on AR surface in real-time. Loop, sound optional.

Getting Content via NFT Metadata

ERC-721/ERC-1155 metadata standard contains image and optionally animation_url. Steps:

  1. By tokenId and contractAddress request tokenURI via JSON-RPC (eth_call) or Alchemy/Moralis/OpenSea API
  2. Get metadata JSON with image, animation_url, properties
  3. If URI starts with ipfs://—convert via public gateway (https://gateway.pinata.cloud/ipfs/...) or own IPFS node
  4. Load media file, cache locally

IPFS loading can be slow on public gateways. Recommend aggressive caching: on first view write to URLCache with large diskCapacity (500 MB+).

AR Placement for Art Objects

Wall hanging (2D art). Scan vertical surface via ARPlaneDetection.vertical. Problem: ARKit slower detecting vertical planes than horizontal, especially on smooth walls. Add manual placement mode: drag on screen for positioning, pinch for scale, rotation gesture for angle.

3D sculpture on surface. ARPlaneDetection.horizontal + raycast from screen center → place object on detected plane. ARRaycastQuery instead of deprecated hitTest. Snap to plane when moving: track ARPlaneAnchor updates, pin object Y-coordinate to plane.

Photos for social media. Key feature for NFT audience. Snapshot ARView via ARView.snapshot(saveToPhotoLibrary:) (RealityKit) or SCNView.snapshot() (SceneKit). Add UI overlay with NFT name and collection over image before saving—via UIGraphicsImageRenderer.

Rights and Watermark

Some NFT projects restrict commercial use. In AR context important not to violate IP rights when creating derivative content (screenshots with app logo not considered derivative work, but consult lawyer for specific project).

Timeline: AR preview for 2D/3D NFT in existing Web3 app—3–5 weeks. Full AR gallery experience with custom frames, 3D sculptures, sharing—6–10 weeks. Cost calculated individually.