Three.js - Larghezza di visualizzazione

Question

C'è un modo per scoprire la larghezza di una porzione renderizzata della scena?

Ad esempio, se abbiamo una mesh di larghezza 100, ma il rendering con un certo livello di zoom ... come posso calcolare la larghezza della porzione della mesh che viene visualizzata sullo schermo?

Answer 1

Devi essere preciso qui.

È possibile calcolare la regione rettangolare visibile in base al campo visivo della telecamera, camera.fov e una distanza data, dist, dalla fotocamera.

Poiché l'oggetto presumibilmente ha profondità, devi scegliere un piano attraverso la mesh e fare il calcolo a quella distanza.

Ecco come calcolare il visibile height e width per una distanza determinata dist dalla telecamera.

var vFOV = THREE.Math.degToRad(camera.fov); // convert vertical fov to radians 

var height = 2 * Math.tan(vFOV/2) * dist; // visible height 

var width = height * camera.aspect;   // visible width 

Three.js r.87