javascript - Three.js 如何通过函数调用使用缩放？

Question

我在场景中使用轨迹球控件，除了鼠标缩放功能外，我还想实现一个缩放按钮（它调用将执行缩放的 javascript 函数）。我怎样才能做到这一点？

Answer 1

我正在使用单击左键或右键并按住以进行对数放大或缩小。

/// listeners
document.addEventListener('contextmenu', function(e){e.preventDefault();}, false);
document.addEventListener('mousedown', toggleOn, false)
document.addEventListener('mouseup', toggleOff, false)

/// controls
        function toggleOn(event){
            if(t==0){
                button = event.which
                t=setInterval('mouseDown()',speed);
            }
        }
        function toggleOff(){
            if(t!=0){
                clearInterval(t);
                t=0;
            }
        }

        function mouseDown (event){
                if (button == 1){
                    camera.fov += speed                 
            } else if (button == 3){        
                    camera.fov -= speed 
                    }

        camera.updateProjectionMatrix();
        render();