Soy nuevo con ThreeJS, así que espero que alguien pueda ayudar.

Estoy tratando de mover mi cámara cuando hago clic en el botón, pero no pasa nada y no tengo errores.

Esta es la función que tengo que debería mover la cámara 200 en todas las direcciones, pero no tiene ese efecto:

 var button = document.getElementById("button"); button.addEventListener("click", function() { var tween1 = new TWEEN.Tween(camera.position) .to({ x : 200, y : 200, z : 200 } , 1000) .easing(TWEEN.Easing.Linear.None) .start(); });

¿Qué estoy haciendo mal?

Aquí está el script completo de ThreeJS para un mejor contexto:

 var scene = new THREE.Scene(); var camera = new THREE.PerspectiveCamera( 75, window.innerWidth/window.innerHeight, 0.1, 1000 ); camera.position.z = 4; var renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, window.innerHeight ); document.body.appendChild( renderer.domElement ); var controls = new THREE.OrbitControls(camera, renderer.domElement); controls.enableDamping = true; controls.dampingFactor = 0.25; controls.enableZoom = true; var keyLight = new THREE.DirectionalLight(new THREE.Color('hsl(30, 100%, 75%)'), 1.0); keyLight.position.set(-100, 0, 100); var fillLight = new THREE.DirectionalLight(new THREE.Color('hsl(240, 100%, 75%)'), 0.75); fillLight.position.set(100, 0, 100); var backLight = new THREE.DirectionalLight(0xffffff, 1.0); backLight.position.set(100, 0, -100).normalize(); scene.add(keyLight); scene.add(fillLight); scene.add(backLight); var mtlLoader = new THREE.MTLLoader(); mtlLoader.setTexturePath('assets/'); mtlLoader.setPath('assets/'); mtlLoader.load('r2-d2.mtl', function (materials) { materials.preload(); var objLoader = new THREE.OBJLoader(); objLoader.setMaterials(materials); objLoader.setPath('assets/'); objLoader.load('object.obj', function (object) { scene.add(object); object.position.y -= 0; }); }); var animate = function () { requestAnimationFrame( animate ); controls.update(); renderer.render(scene, camera); }; animate(); var button = document.getElementById("button"); button.addEventListener("click", function() { var tween1 = new TWEEN.Tween(camera.position) .to({ x : 200, y : 200, z : 200 } , 1000) .easing(TWEEN.Easing.Linear.None) .start(); });