Three.js: अंक सामग्री आकार क्षीणन एफओवी पर विचार नहीं करता है

को निर्मित 7 सित॰ 2017 · 3टिप्पणियाँ · स्रोत: mrdoob/three.js

मैं PerspectiveCamera और एक मॉडल का उपयोग कर रहा हूं जिसमें पॉइंट्स सामग्री का उपयोग करके कुछ बिंदु शामिल हैं। मैं एक बड़े और जटिल मॉडल को देखने की अनुमति देने के लिए OrbitControls.js के एक अनुकूलित संस्करण का उपयोग कर रहा हूं। परिवर्तनों में से एक यह है कि ज़ूम फ़ंक्शन कैमरे के एफओवी को करीब ले जाने के बजाय बदल देता है। कैमरा मॉडलों का एक विशिष्ट भाग दिखाने के लिए चलता है। मैंने देखा है कि जब कैमरा मॉडल के करीब जाता है तो पॉइंटमटेरियल क्षीणन आकार बदलता है, लेकिन जब एफओवी बदल जाता है तो नहीं।

मुझे लगता है कि आकार एल्गोरिदम कैमरे से दूरी का उपयोग करता है लेकिन एफओवी नहीं? मैंने पहले कभी इस रेपो में पोस्ट नहीं किया है, इसलिए अगर मुझे कुछ याद आती है तो मुझे क्षमा करें। मैंने आईई के साथ परीक्षण करने की कोशिश की लेकिन इस समय पेज लोड करने के लिए इसे प्राप्त नहीं कर सका। समान रूप से, निश्चित नहीं है कि यह तीन का कौन सा संस्करण है, लेकिन पिछले वर्ष के भीतर।

कोड जो अंक सामग्री बनाता है:

var texFlame = new THREE.TextureLoader().load("textures/flame.png");
mtlFlame = new THREE.PointsMaterial ({size: 2, sizeAttenuation: true, color: 0xffffff, transparent: true,  blending: THREE.AdditiveBlending, depthWrite: false, map: texFlame});

कोड जो FOV को बदलता है वह समान रूप से अस्पष्ट है:

this.camera.fov = fov;
this.camera.updateProjectionMatrix ();

तीन.जेएस संस्करण

[] देव
[] r87
[एक्स] ...

ब्राउज़र

[ ] उन सभी को
[एक्स] क्रोम
[एक्स] फायरफॉक्स
[ ] इंटरनेट एक्स्प्लोरर

ओएस

[ ] उन सभी को
[एक्स] विंडोज़
[ ] मैक ओ एस
[] लिनक्स
[ ] एंड्रॉयड
[] आईओएस

हार्डवेयर आवश्यकताएं (ग्राफिक्स कार्ड, वीआर डिवाइस, ...)

पता नहीं है कि यह हार्डवेयर विशिष्ट है लेकिन ऐसा लगता है कि यह असंभव है। मैं विंडोज 10 में GeForce GTX950 का उपयोग कर रहा हूं।

Question

स्रोत

orangebowlerhat

सभी 3 टिप्पणियाँ

PointsMaterial.size में पिक्सेल की इकाइयाँ हैं -- विश्व इकाइयाँ नहीं। आपको आकार को स्वयं समायोजित करना होगा।

यह संबंधित पोस्ट जानकारीपूर्ण हो सकती है: https://github.com/mrdoob/three.js/issues/10385#issuecomment -267789138।

सावधान रहें कि gl_PointSize सीमित हो सकता है, इसलिए आपके द्वारा अनुरोधित आकार वह आकार नहीं हो सकता जो आपको मिलता है।

WestLangley 7 सित॰ 2017

👍1

@ वेस्टलैंगली। तो जब मैं एफओवी बदलता हूं तो मुझे पॉइंट्स सामग्री की आकार संपत्ति को बदलने की ज़रूरत है?

मुझे पूछने से पहले वह पोस्ट मिला लेकिन मैं इस बात का काफी पालन नहीं करता कि यह इस तरह क्यों काम करता है। मैं समझता हूं कि आकार पिक्सल में है लेकिन क्षीणन पहले से ही इसे डिवाइस पिक्सल से संबंधित नहीं बनाता है और यह प्रक्रिया निश्चित रूप से परिप्रेक्ष्य से संबंधित होनी चाहिए जो कुछ अर्थों में एफओवी से संबंधित होनी चाहिए?

हालाँकि, यह सिर्फ मेरी अपनी समझ की कमी को समझा रहा है। आपके द्वारा दिए गए समाधान से मैं पूरी तरह खुश हूं। धन्यवाद।

orangebowlerhat 7 सित॰ 2017

मुझे उम्मीद है कि PointsMaterial.size पिक्सल की इकाइयों में रहेगा, इसलिए संदर्भ के लिए, मैं इस काम को यहां पोस्ट करूंगा।

इस स्टैकओवरफ्लो उत्तर के आधार पर, आप निम्न पैटर्न का उपयोग करके अपने अंक बढ़ा सकते हैं, जो camera.fov के उचित मूल्यों के लिए काम करना चाहिए।

var defaultSize = 10;
points.material.size = defaultSize / Math.tan( ( Math.PI / 180 ) * camera.fov / 2 );

WestLangley 7 सित॰ 2017

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Three.js: अंक सामग्री आकार क्षीणन एफओवी पर विचार नहीं करता है

तीन.जेएस संस्करण

ब्राउज़र

ओएस

हार्डवेयर आवश्यकताएं (ग्राफिक्स कार्ड, वीआर डिवाइस, ...)

सभी 3 टिप्पणियाँ

संबंधित मुद्दों