Javascript 对象旋转控件

你好，我想用三个js从索引中重建行星

var width = $('#3d-container').width(), height = $('#3d-container').height()
var scene, camera, renderer;
scene = new THREE.Scene();
camera = new THREE.PerspectiveCamera(120, width/width);
camera.position.set(0,0,1000);
renderer = new THREE.WebGLRenderer({ alpha: true });
renderer.setClearColor( 0x000000, 0 );
renderer.setSize(width+100, width+100);

const geometry = new THREE.SphereGeometry(850, 850, 850);
var material = new THREE.MeshLambertMaterial({
    color: 0x006099,
    map: new THREE.TextureLoader().load('img/models/textures/texture.jpg')
})
const mesh = new THREE.Mesh( geometry, material );
scene.add( mesh );

const ambiantlight = new THREE.AmbientLight( 0xffffff, .8 );
scene.add(ambiantlight)

const br_pointLight = new THREE.PointLight( 0x8cc0dc, 5, 700 );
br_pointLight.position.set(250,-250,1000);

const tl_pointLight = new THREE.PointLight( 0xffffff, 4, 500 );
tl_pointLight.position.set(-300,300,1000);

const controls = new THREE.OrbitControls(camera, renderer.domElement, mesh);
controls.rotateSpeed = .15;
controls.enableZoom  = false;
controls.enableMove  = false;
controls.enableDamping = true;
controls.enablePan = false;
controls.dampingFactor = 0.05;
controls.update();

var lightHolder = new THREE.Group();
lightHolder.add(br_pointLight);
lightHolder.add(tl_pointLight);
scene.add(lightHolder);

$('#3d-container').append(renderer.domElement)
function animate(){
    requestAnimationFrame(animate);
    renderer.render(scene, camera)
    mesh.rotation.y += .0004
    mesh.rotation.x += .0002
    controls.update();
}
animate()

所有的工作，但我想移动它与鼠标一样，但我添加的光是mooving到（我使用轨道控制）

我想在不移动灯光的情况下，用鼠标转动具有惯性效果的刨子

谢谢你阅读这篇文章