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();