Quick Start

Basic Setup

import { Voxel3D } from '@voxel-3d/core';

const viewer = new Voxel3D({
  container: document.getElementById('viewer'),
  renderer: { antialias: true },
  camera: { fov: 45 },
});

viewer.start();

Import a Model

// Load from URL
const result = await viewer.importFromUrl('model.glb');

// Load from file input
const input = document.querySelector('input[type="file"]');
input.addEventListener('change', async (e) => {
  const files = e.target.files;
  await viewer.importFiles(files);
});

Events

viewer.on('viewer:select', (event) => {
  console.log('Selected:', event.object?.name);
});

viewer.on('import:complete', (info) => {
  console.log('Import done:', info);
  viewer.fitToScene();
});

Cleanup

viewer.dispose();