how to add orbit controller

[lalamax3d]

Hi,
not an issue to be precise, just query. from all the templates, it really suits my needs. I am having trouble in adding controller ( orbitController ) it needs canvas as input argument.

controls = new THREE.OrbitControls(camera, canvas);

thanks in advance.

[danivicario]

You can add this import

import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";

in your init function you do

controls = new OrbitControls(camera, renderer.domElement);
controls.enableDamping = true;
controls.dampingFactor = 0.1;

and then in your animate function you can do

function animate() {
    requestAnimationFrame(animate);
    
    // orbit control update per animation frame
    controls.update();
  
    // your animation stuff here
  
    // and finally...
    renderer.render(scene, camera);
}

hope this helps! if you have more questions, I'll paying attention to it.