Quick Start Guide

Welcome to ARCraft Studio! This guide will help you create your first AR experience in minutes.

Installation

First, include our SDK in your project:


<script src="https://cdn.arcraft.studio/sdk/latest.js"></script>

Create Your First AR Scene

Here's a simple example to get you started:


const arScene = new ARCraft.Scene({
  container: document.querySelector('#ar-container'),
  markerPath: '/path/to/marker.png'
});

// Add a 3D model
const model = new ARCraft.Model({
  source: '/path/to/model.gltf',
  scale: 1.0,
  position: { x: 0, y: 0, z: 0 }
});

arScene.add(model);

// Add interaction
model.on('tap', () => {
  model.animate({
    rotation: { y: '+= 360' },
    duration: 1000
  });
});

Pro Tip: Make sure your AR markers have high contrast and distinct patterns for better tracking performance.

Testing Your AR Experience

You can test your AR experience using our built-in development tools:


ARCraft.DevTools.enable({
  markerPreview: true,
  debugInfo: true
});

Note: Remember to disable DevTools before deploying to production.