import * as THREE from 'three';
import { GVRM } from 'gvrm';

const canvas = document.getElementById('canvas');
const renderer = new THREE.WebGLRenderer({ canvas });
renderer.setSize(480, 480);

const scene = new THREE.Scene();

const camera = new THREE.PerspectiveCamera(65, 1, 0.01, 100);
camera.position.set(0, 0.6, 1.6);
camera.lookAt(0, 0.2, 0);

// GVRM
const gvrm = await GVRM.load('./author.gvrm', scene, camera, renderer);  // 1/3
await gvrm.changeFBX('./Idle.fbx');  // 2/3

renderer.setAnimationLoop(() => {
  gvrm.update();  // 3/3
  renderer.render(scene, camera);
});