Three.js: परिप्रेक्ष्य कैमरे के लिए FOV की गणना

दृश्य height ने लंबवत फ़ील्ड-ऑफ-व्यू vFOV और कैमरे से दूरी dist है

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

दृश्य width है

aspect = window_width / window_height;
hFOV = 2 * Math.atan( Math.tan( vFOV / 2 ) * aspect );
width  = 2 * Math.tan( ( hFOV / 2 ) ) * dist;

THREE.js में कैमरे के लिए फ़ील्ड-ऑफ-व्यू पैरामीटर एक लंबवत है।

दो बार आवश्यक vFOV की गणना करने के लिए समीकरणों के दो सेटों का उपयोग करें, और बड़े उत्तर का चयन करें।

उत्तर देने के लिए आपको बहुत बहुत धन्यवाद :)
मैं हालांकि उलझन में हूँ। मुझे चर vFOV कहां से मिलेगा?
क्या यह उस वस्तु की ऊंचाई है जो दृश्य को भरना चाहिए?
यदि ऐसा है, तो मुझे अजीब संख्याएँ मिल रही हैं (1000 रेंज में) तो मैं इसे आखिरकार FOV कैसे अनुवाद करूँ।

मैंने एक फिडेल http://jsfiddle.net/dmYgr/6/ बनाया
क्या आप मुझे दिखा सकते हैं कि यह कैसे करना है?

युग आपका बहुत बहुत धन्यवाद। आपके पोस्ट से मैं समझ सकता हूं कि आप मुझसे अधिक प्रतिभाशाली हैं;)

पहले समीकरण का उपयोग करें और vFOV लिए हल करें, फिर कैमरे के लिए fov पैरामीटर के रूप में उपयोग करें।

मेरा सीन 800 * 600 का है।
कैमरे की दूरी 1000 है।

मैं आपके फॉर्मूले में इन नंबरों का उपयोग कैसे करूं।
मुझे नहीं पता कि vFOV में क्या भरना है।

ऊंचाई = 2 * गणित। ((vFOV / 2)) * dist; <- आप मुझे यहां शुरू करने के लिए कह रहे हैं, लेकिन किस नंबर को vFOV को बदलना चाहिए?

पहले समीकरण का उपयोग करें और vFOV तरह हल करें

vFOV = 2 * Math.atan( height / ( 2 * distance ) );

इसके बाद कैमरे के लिए fov पैरामीटर का उपयोग करें।

var renderWidth = 800;
var renderHeight = 600;
var cameraPosition = 1000;

var vFOV = 2 * Math.atan( renderWidth / ( 2 * cameraPosition ) );
var height = 2 * Math.tan( ( vFOV / 2 ) ) * cameraPosition;
var aspect = renderWidth / renderHeight;
var hFOV = 2 * Math.atan( Math.tan( vFOV / 2 ) * aspect );
var width  = 2 * Math.tan( ( hFOV / 2 ) ) * cameraPosition;

परिणाम:
vFOV = 0.7610127542247298 जो मान्य FOV नहीं है

var vFOV = 2 * Math.atan( renderHeight / ( 2 * cameraPosition ) );
var height = 2 * Math.tan( ( vFOV / 2 ) ) * cameraPosition;

var aspect = renderWidth / renderHeight;
var hFOV = 2 * Math.atan( Math.tan( vFOV / 2 ) * aspect );
var width  = 2 * Math.tan( ( hFOV / 2 ) ) * cameraPosition;

vFOV = 0.5829135889557342 जो एक मान्य FOV भी नहीं है

क्या आप मेरे लिए उदाहरण में भर सकते हैं और एक उदाहरण दिखा सकते हैं जो वैध FOV नंबर देता है?
उपरोक्त उदाहरण की सही संख्या लगभग 37 है

अपनी बेला में,

ऊँचाई = अपने विमान जाल की ऊँचाई = ५००।

दूरी = camera.z - plane.z = 1000 - 100 = 900।

vFOV = 2 * Math.atan (ऊंचाई / (2 * दूरी)) = 0.5419 रेडियन, या 31.04 डिग्री।

2 * मैथ.टन (500 / (2 * 900)) = 0.5418937006768411 मेरे ब्राउज़र के अनुसार (google chrome)

क्षमा करें, मैंने रेडियन से डिग्री में रूपांतरण दिखाने की उपेक्षा की है। मैंने अपनी पिछली पोस्ट अपडेट की।

आपको बहुत - बहुत धन्यवाद! : डी
हह, यह 10 उत्तरों की तरह था लेकिन यह अब काम करता है :)।
एक बार फिर धन्यवाद!

@ टोबैसार्ट्ज :-)

वेस्ट लैंग्ली। आप एक राजा हैं। धन्यवाद।

यह सुपर सहायक था !! धन्यवाद @WestLangley !

धन्यवाद @WestLangley !!
चूंकि मुझे यह महसूस करने में थोड़ा समय लगा कि मुझे रेडिएंट से डिग्री में रूपांतरण जोड़ने की आवश्यकता है, मैं यहां अंतिम कोड के साथ एक उदाहरण जोड़ रहा हूं:

var distance = 1000;
var FOV = 2 * Math.atan( window.innerHeight / ( 2 * distance ) ) * 180 / Math.PI;
var camera = new THREE.PerspectiveCamera( FOV, window.innerWidth/window.innerHeight, 0.1, distance );
camera.position.z = distance;

@ Emanuele-Spatola आपके सूत्र का कोई मतलब नहीं है। window.innerHeight में पिक्सेल की इकाइयाँ हैं। distance सबसे अधिक संभावना नहीं है। दृश्यमान ऊँचाई की दूरी के समान इकाइयाँ होनी चाहिए।

मैंने उस फॉर्मूले के साथ टोबीसार्ट्ज की फिडेल को अद्यतन किया और यह काम करने लगता है:
http://jsfiddle.net/dmYgr/63/
कैनवास 500px है, विमान 495x495 है और इसके चारों ओर लगभग 5px सीमा है।
1000px एक वैध दूरी क्यों नहीं है?

http://jsfiddle.net/dmYgr/65/

1000px एक वैध दूरी क्यों नहीं है?

क्या आपने कभी अपने विषय के सामने एक कैमरा 1000 पिक्सेल रखा है?

आप 10 फीट चौड़े एक दृश्य को देखने के लिए 10 फीट दूर एक असली कैमरा रख सकते हैं। इसी प्रकार आप एक दृश्य को 1000px चौड़ा देखने के लिए एक आभासी कैमरा 1000px दूर रख सकते हैं।

मैं इसका उपयोग तब करता हूं जब मुझे कैमरे की ऊंचाई, चौड़ाई और दूरी की जानकारी होती है ...

var distance = 1000,height=window.innerHeight,width=window.innerWidth
var diag = Math.sqrt((height*height)+(width*width))
var FOV = 2 * Math.atan( diag / ( 2 * distance ) ) * 180 / Math.PI;
var camera = new THREE.PerspectiveCamera( FOV, window.innerWidth/window.innerHeight, 0.1, distance );
camera.position.z = distance;

इस तरह ऊंचाई> चौड़ाई जैसी स्थितियां भी नियंत्रित होती जाती हैं ...