three.js オブジェクトがカメラに収まるように奥行きを自動調整させる - Qiita

概要 three.jsに限らずですが、何らかの3Dオブジェクトをカメラにちょうど収めたいという場面があると思います。固定アスペクト比なら手動で調節しても良いですが、アスペクト比が変動する場合、物体がはみ出したり小さすぎたりしてしっくりこない場合があります。 なので、いい感じにオブジェクトが収まるようにカメラの奥行きを自動調節するものをthree.jsで実装してみました。 デモ 以下が今回作ったデモです。 画面をドラッグすると物体が回転しますが、ちょうど直方体全体がカメラに収まるように調整されているのがわかると思います。 https://arihide.github.io/demos/fit_camera/ ソースコードはこちら https://github.com/Arihide/demos/tree/master/fit_camera 解説 やりたいことを改めて説明すると、上の画像のよう