I have recently started using three.js and am trying to get a camera with orbit controls to work as given in the panorama cube example. However when I try to implement it I run into some issues, none of which return an error in the console, and as far as i’m aware i repeat the steps given in the example.
I instantiate my orbit controller as followed: https://pastebin.com/cXyHGV4u
in the pastebin i use
new THREE.OrbitControls( camera, renderer.domElement);, but when i click and drag nothing happens. i have tried adjusting this to
canvas.domElement which changes the position and rotation of the camera to NaN when i click and drag.
in the example i had autoRotate enabled to see if that worked, but that doesn’t do anything either. i have also tried it with autoRotate disabled
i have made sure that OrbitControls,js is properly loaded. and am also receiving logs from it ( [Violation] Added non-passive event listener to a scroll-blocking ‘wheel’ event. Consider marking event handler as ‘passive’ to make the page more responsive. ) but that shouldn’t be the issue here.
Any help would be greatly appreciate.
Thanks for your time!