Latest 3.0.2
License ISC
Platforms ios 11.0
Dependencies BLOCKv/Face, Nuke, FLAnimatedImage, NVActivityIndicatorView, GenericJSON
Frameworks WebKit

3D Face

This is a face for the Android, iOS and Web BLOCKv SDKs, which allows rendering and interacting with 3D vatoms.

Usage in the Android SDK

First add it to your gradle dependencies:

dependencies {
    implementation 'io.blockv.faces:face3d:1.0.5'

Then register it on app startup:

// Kotlin
import io.blockv.face3d.Face3D

// Java
import io.blockv.face3d.Face3D;


Usage in the iOS SDK

First add it to your podfile:

pod 'VatomFace3D'

Then register it on app startup:

import BLOCKv
import VatomFace3D

func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {



Usage in the Web SDK

To use in the Web SDK, simply import and register when your app starts up:

import { VatomView } from '@blockv/sdk/face'
import Face3D from '@blockv/3d-face'



  • Display URL: native://generic-3d


To build, run npm run build. This results in running these scripts in this order:

  • build-lib will compile the face code into dist/Face3D.min.js
  • copy-webapp will copy all the files in dist/ and put them into webapp/. This is the folder containing the wrapper web app the native apps use. The iOS library uses these files directly.
  • copy-android copies all files in webapp/ into the Android project’s assets/ folder. This is because I couldn’t get the Android gradle build process to read these files directly.

Latest podspec

    "name": "VatomFace3D",
    "version": "3.0.2",
    "license": {
        "type": "ISC"
    "authors": {
        "BLOCKv": ""
    "homepage": "",
    "summary": "This vAtom face can plug into the SDKs to render 3D content in either binary glTF or V3D format.",
    "source": {
        "git": "",
        "tag": "3.0.2"
    "source_files": "ios/*.{swift}",
    "resources": "webapp/**",
    "swift_version": "5.0",
    "platforms": {
        "ios": "11.0"
    "frameworks": "WebKit",
    "dependencies": {
        "BLOCKv/Face": [],
        "Nuke": [],
        "FLAnimatedImage": [],
        "NVActivityIndicatorView": [],
        "GenericJSON": []

Pin It on Pinterest

Share This