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

// URL로 모델 로드
const result = await viewer.importFromUrl('model.glb');
console.log('Loaded:', result);

// 파일로 로드
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);
});

// Import 완료 이벤트
viewer.on('import:complete', (info) => {
  console.log('Import done:', info);
  viewer.fitToScene();
});

Cleanup

// 뷰어 정리
viewer.dispose();