Three.jsのPerspectiveCameraで実際に表示されている角度を知りたい

Question

前提・実現したいこと

下記URLを参考に、360度動画の再生を再現したのですが、PerspectiveCameraの視野角を75にしても実際に画面には横幅75度以上の範囲が表示されてしまっています。
カメラの位置が問題かと考えているのですが実際に表示されている角度を求めることはできますでしょうか？

下記ソースコードでカメラの位置を最小限0に近づけようと思い/ 10000しています

https://sterfield.co.jp/designer/three-js%E3%81%A7360%E3%83%91%E3%83%8E%E3%83%A9%E3%83%9E%E5%8B%95%E7%94%BB%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B/

該当のソースコード

var onMouseDownMouseX = 0, onMouseDownMouseY = 0,
lon = 0, onMouseDownLon = 0,
lat = 0, onMouseDownLat = 0,
phi = 0, theta = 0;
...
    camera = new THREE.PerspectiveCamera( 75, elem.clientWidth / elem.clientHeight, 1, 5000 );
    // 初期位置設定
    lat = Math.max( - 90, Math.min( 90, lat ) );
    phi = THREE.Math.degToRad( 90 - lat );
    theta = THREE.Math.degToRad( lon );
    camera.position.x = Math.sin( phi ) * Math.cos( theta ) / 10000;
    camera.position.y = Math.cos( phi ) / 10000;
    camera.position.z = Math.sin( phi ) * Math.sin( theta ) / 10000;
...
    var geometry = new THREE.SphereBufferGeometry( 1000, 30, 30 );
    geometry.scale( -1, 1, 1 );
...
function onDocumentMouseMove(event){
    lon = ( touchClientX - onMouseDownMouseX ) * -0.25 + onMouseDownLon;
    lat = ( touchClientY - onMouseDownMouseY ) * -0.25 + onMouseDownLat;

    lat = Math.max( - 90, Math.min( 90, lat ) );
    phi = THREE.Math.degToRad( lat );
    theta = THREE.Math.degToRad( lon );
    camera.position.x = Math.cos( theta ) * Math.cos( phi ) / 10000;
    camera.position.y = Math.sin( phi ) / 10000;
    camera.position.z = Math.sin( theta ) * Math.cos( phi ) / 10000;
    camera.lookAt( 0, 0, 0 );
}

補足情報（FW/ツールのバージョンなど）

回転なしの画面

約90度回転させた画面

※魚をベースで考えた時に90度回転しても表示されてしまっている

Comments

[ikadzuchi]

75度以上の範囲が表示されているというのはどのように判断しましたか?
Three.jsのカメラの視野角の定義は縦方向の角度のようですが、縦が75度を超えているということでよいですか?
スクリーンショットがあると分かりやすいでしょう。

[te_ff]

スクリーンショット添付いたしました。
視野角の定義は縦方向だけになるんですね。。。
横幅の角度は求めること可能でしょうか？

[ikadzuchi]

すいません、返事を忘れていました。
画像を見るに、ちょうど縦横比16:9なら縦が75°になっていそうな視野ですね。
THREE.PerspectiveCameraに渡している「elem.clientWidth / elem.clientHeight」が縦横比なので適宜計算してください。

[te_ff]

ご回答ありがとうございます！
助かりました！

Answer 1

画像を見るに、ちょうど縦横比16:9なら縦が75°になっていそうな視野ですね。

THREE.PerspectiveCameraに渡している「elem.clientWidth / elem.clientHeight」が縦横比なので適宜計算してください。