javascript - Three.js は OrbitControls でパンを制限します

Question

Three.js では、OrbitControls を使用しているときに、ユーザーが左/右/上/下にパンできる範囲を追加または制限する必要がありますか? シーン内のオブジェクトが見えなくなるほど遠くにパンできないようにしたいと思います。

Answer 1

現在のバージョンの OrbitControls.js では、ここでのパンの変更によって位置が更新されます。

パンニングをいくつかの境界に制限したい場合は、カメラの新しい位置がこの境界内にあるかどうかを簡単に確認できます。それ以外の場合は、位置を更新しません。

var newX = this.target.x + pan.x;
var newY = this.target.y + pan.y;
if (newX <= this.maxXPan && newX >= this.minXPan 
        && newY <= this.maxYPan && newY >= this.minYPan) {
    this.target.add( pan );
}