Hello there.
I export my project from three editor and now I need put Orbit-controls.
I’m trying the documentation but it’s not work.
My model is a json converted from glb file
I reffer files on my html:
<script src=./js/three.js></script>
<script src=./js/OrbitControls.js></script>
<script src=./js/GLTFLoader.js></script>
var model, player, renderer, loader,scene, camera,controls;
import { APP } from './js/app.js';
window.THREE = THREE; // Used by APP Scripts.
loader = new THREE.FileLoader();
renderer = new THREE.WebGLRenderer();
loader.load( 'app.json', function ( text ) {
player = new APP.Player();
model = JSON.parse( text );
console.log(model.scene.object);
player.load( model );
player.setSize( window.innerWidth, window.innerHeight );
player.play();
camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.set(0, 0, 5);
controls = new THREE.OrbitControls(camera, player.dom);
controls.enableDamping = true;
controls.dampingFactor = 0.25;
controls.screenSpacePanning = false;
controls.maxPolarAngle = Math.PI / 2;
document.body.appendChild( player.dom );
window.addEventListener( 'resize', function () {
player.setSize( window.innerWidth, window.innerHeight );
} );
console.log(THREE)
const animate = () => {
requestAnimationFrame(animate);
controls.update();
renderer.render(model.scene, camera);
};
// Inicia a animação
animate();
} );