@plattar/plattar-ar-adapter

plattar-ar-adapter allows easy interfacing with Apple Quicklook and Google SceneViewer

Quick Use

• ES2015 & ES2019 Builds via jsDelivr

// Minified Version ES2015 & ES2019 (Latest)
https://cdn.jsdelivr.net/npm/@plattar/plattar-ar-adapter/build/es2015/plattar-ar-adapter.min.js
https://cdn.jsdelivr.net/npm/@plattar/plattar-ar-adapter/build/es2019/plattar-ar-adapter.min.js

// Standard Version ES2015 & ES2019 (Latest)
https://cdn.jsdelivr.net/npm/@plattar/plattar-ar-adapter/build/es2015/plattar-ar-adapter.js
https://cdn.jsdelivr.net/npm/@plattar/plattar-ar-adapter/build/es2019/plattar-ar-adapter.js

Installation

• Install using npm

npm install @plattar/plattar-ar-adapter

Examples

• Launch AR for Plattar Products & Variations

import {ProductAR} from "@pattar/plattar-ar-adapter";

// grab your product/variation ID from the Plattar CMS
const productID:string = "{YOUR_PRODUCT_ID}";
const variationID:string = "{YOUR_VARIATION_ID}";

const webAR:ProductAR = new ProductAR(productID, variationID);

webAR.init().then((ar:ProductAR) => {
    ar.start();
}).catch((err) => {
    console.error("AR Not Available");
});

• Launch AR for Plattar Scenes

import {SceneAR} from "@pattar/plattar-ar-adapter";

// grab your scene ID from the Plattar CMS
const sceneID:string = "{YOUR_SCENE_ID}";

const webAR:SceneAR = new SceneAR(sceneID);

webAR.init().then((ar:SceneAR) => {
    ar.start();
}).catch((err) => {
    console.error("AR Not Available");
});