aframe
प्रकाश (घटक)

परिचय

वाक्य - विन्यास

• <-इकाई प्रकाश = "रंग: #AFA; तीव्रता: 1.5" स्थिति = "- 1 1 0"> </ a- इकाई>
• <a-light प्रकार = "बिंदु" रंग = "नीला" स्थिति = "0 5 0"> </ a-light>

पैरामीटर

व्यापक

विश्व स्तर पर परिवेश रोशनी दृश्य में सभी संस्थाओं को प्रभावित करती है। रंग और तीव्रता के गुण परिवेश रोशनी को परिभाषित करते हैं। इसके अतिरिक्त, स्थिति, रोटेशन और स्केल का परिवेश रोशनी पर कोई प्रभाव नहीं पड़ता है।

हम कुछ प्रकार के परिवेश प्रकाश का उपयोग करने की सलाह देते हैं जैसे कि छाया वाले क्षेत्र पूरी तरह से काले नहीं होते हैं और अप्रत्यक्ष प्रकाश की नकल करते हैं।

<a-entity light="type: ambient; color: #CCC"></a-entity>

दिशात्मक

दिशात्मक रोशनी एक प्रकाश स्रोत की तरह है जो असीम रूप से दूर है, लेकिन एक विशिष्ट दिशा से चमकती है, जैसे सूरज। इस प्रकार, पूर्ण स्थिति का एक इकाई पर प्रकाश की तीव्रता पर प्रभाव नहीं पड़ता है। हम स्थिति घटक का उपयोग करके दिशा निर्दिष्ट कर सकते हैं।

नीचे दिया गया उदाहरण 45-डिग्री के कोण पर ऊपरी-बाएँ से प्रकाश स्रोत बनाता है। ध्यान दें कि क्योंकि केवल वेक्टर मामले, स्थिति = "- 100 100 0" और स्थिति = "- 1 1 0" समान हैं।

<a-entity light="type: directional; color: #EEE; intensity: 0.5" position="-1 1 0"></a-entity>

हम एक बाल इकाई का लक्ष्य बनाकर इसके अभिविन्यास के साथ दिशात्मक प्रकाश की दिशा को निर्दिष्ट कर सकते हैं। उदाहरण के लिए, इसके -Z अक्ष को इंगित करते हुए:

<a-light type="directional" position="0 0 0" rotation="-90 0 0" target="#directionaltarget">
    <a-entity id="directionaltarget" position="0 0 -1"></a-entity>
</a-light>

गोलार्ध

गोलार्ध की रोशनी एक परिवेशी प्रकाश की तरह होती है, लेकिन दो अलग-अलग रंगों के साथ, एक ऊपर से (रंग) और एक नीचे (ग्राउंड बॉर्डर) से। यह दो अलग-अलग प्रकाश रंगों (उदाहरण के लिए, एक ग्रे आकाश के नीचे एक घास का मैदान) के दृश्यों के लिए उपयोगी हो सकता है।

<a-entity light="type: hemisphere; color: #33C; groundColor: #3C3; intensity: 2"></a-entity>

बिंदु

दिशात्मक रोशनी के विपरीत पॉइंट लाइट्स, ओमनी-दिशात्मक हैं और उनकी स्थिति और दूरी के आधार पर सामग्रियों को प्रभावित करती हैं। बिंदु पसंद प्रकाश बल्ब की तरह हैं। प्रकाश बल्ब जितना करीब होता है, वस्तु उतनी ही बड़ी हो जाती है।

<a-entity light="type: point; intensity: 0.75; distance: 50; decay: 2"
      position="0 10 10"></a-entity>

स्थान

स्पॉट लाइट्स इस मायने में पॉइंट लाइट्स की तरह हैं कि वे अपनी स्थिति और दूरी के आधार पर सामग्रियों को प्रभावित करती हैं, लेकिन स्पॉट लाइट्स ओमनी-दिशात्मक नहीं होती हैं। उन्होंने मुख्य रूप से बैट-सिग्नल की तरह एक दिशा में प्रकाश डाला।

<a-entity light="type: spot; angle: 45"></a-entity>

डिफ़ॉल्ट प्रकाश व्यवस्था

डिफ़ॉल्ट रूप से, ए-फ़्रेम दृश्य डिफ़ॉल्ट प्रकाश, एक परिवेशीय प्रकाश और एक दिशात्मक प्रकाश को इंजेक्ट करते हैं। ये डिफ़ॉल्ट लाइटें DOM में डेटा-एफ्रेम-डिफॉल्ट-लाइट विशेषता के साथ दिखाई देती हैं। जब भी हम कोई रोशनी जोड़ते हैं, ए-फ्रेम दृश्य से डिफ़ॉल्ट रोशनी को हटा देता है।

<!-- Default lighting injected by A-Frame. -->
<a-entity light="type: ambient; color: #BBB"></a-entity>
<a-entity light="type: directional; color: #FFF; intensity: 0.6" position="-0.5 1 1"></a-entity>