ThreeJS

• Good examples:

  • FPP

• Render to a canvas element.

• Geometry + Material => Add to a mesh

• We always have:

  • Renderer
  • Camera: from where we will watch the scene.
  • Controls
  • Lights
  • Scene: we will add all the elements here, all the actors.

• Functions:

  • init(): we will set up our scene
  • animate(): to respond to changes. Usually will have two elements:

  function animate() {
    requestAnimationFrame(animate);
    controls.update();
  }
  

  • render(): just tells our renderer to render the scene.
  • onWindowResize(): we need to have a handler function for when the window is resized, otherwise it will break on resize.

• Demo