改变相机的位置。z用鼠标轮在三个

Question

有没有人知道如何改变相机的camera.position.z (用鼠标轮)，并产生滚动效果？

当我尝试使用变量时，它不起作用。

Answer 1

可以使用示例中的TrackballControls或OrbitControls来实现缩放(并旋转和平移)。参见示例轨迹球

包括在three.js-master/examples/js/controls/下载的包中可以找到的控件之一

<script src="three.js-master/examples/js/controls/OrbitControls.js"></script>

并添加到代码中。

var controls = new THREE.OrbitControls( camera, renderer.domElement );
controls.addEventListener( 'change', render );

缩放应该可以从盒子里拿出来。

如果您只对缩放感兴趣，则可以禁用其他功能。

this.enableKeys = false;
this.enablePan = false;
this.enableRotate = false;

有关更多选项，请参见OrbitControls源代码OrbitControls。

Answer 2

现在我在这里：

const scl=0;

$(window).on('DOMMouseScroll mousewheel', function (e) {


if(e.originalEvent.detail > 0 || e.originalEvent.wheelDelta < 0) {

    while(scl==0) {

        scl+=0.05;
                camera.position.z+=scl;
                //console.log("1."+" "+scl);
    }

} else {

    while(scl==0) {


        scl+=0.05;
                camera.position.z-=scl;
                //console.log("2."+" "+scl);
    }

}
//console.log("3."+" "+scl);;
 scl=0;
});

window.setInterval(function(){
     scl=0;
}, 10);