window.addEventListener("resize", onWindowResize, false);

const scene = new THREE.Scene();
scene.background = new THREE.Color(0xF9A825);
const camera = new THREE.PerspectiveCamera(
  75,
  window.innerWidth / window.innerHeight,
  0.1,
  1000
);

let mixer, animationClip;
const clock = new THREE.Clock();

const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

//re-establish camera view on window resize
function onWindowResize() {
  camera.aspect = window.innerWidth / window.innerHeight;
  camera.updateProjectionMatrix();
  renderer.setSize(window.innerWidth, window.innerHeight);
}

//lighting
const light = new THREE.PointLight(0xffffff, 1, 200);
light.position.set(50, 50, 50);
scene.add(light);

const light2 = new THREE.AmbientLight(0x404040);
scene.add(light2);

//camera position
camera.position.set(3.5,-0.2,1);
camera.lookAt(0,0.5,0);

const gltfStore = {};

const loader = new THREE.GLTFLoader();
// Load a glTF resource
loader.load(
  "https://s3-us-west-2.amazonaws.com/s.cdpn.io/96252/hand-rigged.glb",
  function(gltf) {
    scene.add(gltf.scene);

    gltf.animations; // Array<THREE.AnimationClip>
    gltf.scene; // THREE.Scene
    gltf.scenes; // Array<THREE.Scene>
    gltf.cameras; // Array<THREE.Camera>
     // gltf.scene.children[0].children[0].material = material;
    gltfStore.animations = gltf.animations;
    
    gltfStore.mixer = new THREE.AnimationMixer(gltf.scene.children[0]);
    //speed up animation * 2
    gltfStore.mixer.timeScale = 2;
    gltfStore.mixer.clipAction(gltfStore.animations[0]).play();
  },
  // called when loading is in progresses
  function(xhr) {
    console.log(xhr.loaded / xhr.total * 100 + "% loaded");
  },
  // on load error
  function(error) {
    console.log("An error happened");
  }
);

function animate() {
  requestAnimationFrame(animate);
  if (gltfStore.mixer && gltfStore.animations) {
    gltfStore.mixer.update(clock.getDelta());
    renderer.render(scene, camera);
  }
}

animate();