aframe
mixins

परिचय

मिश्रणों का उदाहरण उपयोग

<a-scene>
  <a-assets>
    <a-mixin id="red" material="color: red"></a-mixin>
    <a-mixin id="blue" material="color: blue"></a-mixin>
    <a-mixin id="cube" geometry="primitive: box"></a-mixin>
  </a-assets>
  <a-entity mixin="red cube"></a-entity>
  <a-entity mixin="blue cube"></a-entity>
</a-scene>

लाल क्यूब वाली इकाई लाल मिक्सिन और क्यूब मिक्सिन के गुणों को उस क्रम में ले जाएगी। इसी तरह नीले घन के साथ। वैचारिक रूप से, ऊपर दी गई इकाइयाँ निम्नलिखित में विस्तार करती हैं:

<a-entity material="color: red" geometry="primitive: box"></a-entity>
<a-entity material="color: blue" geometry="primitive: box"></a-entity>

घटक गुण विलय

मल्टी-प्रॉपर्टी घटक के गुण विलय हो जाएंगे यदि कई मिश्रणों और / या इकाई द्वारा परिभाषित किया गया है। उदाहरण के लिए:

<a-scene>
  <a-assets>
    <a-mixin id="box" geometry="primitive: box"></a-mixin>
    <a-mixin id="tall" geometry="height: 10"></a-mixin>
    <a-mixin id="wide" geometry="width: 10"></a-mixin>
  </a-assets>
  <a-entity mixin="wide tall box" geometry="depth: 2"></a-entity>
</a-scene>

ज्यामिति घटक के सभी गुण विलीन हो जाएंगे क्योंकि वे मिश्रण के रूप में शामिल होते हैं और इकाई पर परिभाषित होते हैं। इकाई फिर इसके बराबर होगी:

<a-entity geometry="primitive: box; height: 10; depth: 2; width: 10"></a-entity>

आदेश और वरीयता

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

<a-scene>
  <a-assets>
    <a-mixin id="red" material="color: red"></a-mixin>
    <a-mixin id="blue" material="color: blue"></a-mixin>
    <a-mixin id="cube" geometry="primitive: box"></a-mixin>
  </a-assets>

  <a-entity mixin="red blue cube"></a-entity>
</a-scene>

यदि एक इकाई स्वयं एक संपत्ति को परिभाषित करती है जो पहले से ही एक मिश्रण द्वारा परिभाषित की जाती है, तो इकाई की परिभाषा पूर्वता लेती है। नीचे दिए गए उदाहरण में, इकाई में red और blue दोनों मिश्रण शामिल हैं और हरे रंग को भी परिभाषित करता है। चूंकि इकाई सीधे अपने रंग को परिभाषित करती है, इसलिए क्यूब का अंतिम रंग हरा होगा।

<a-scene>
  <a-assets>
    <a-mixin id="red" material="color: red"></a-mixin>
    <a-mixin id="blue" material="color: blue"></a-mixin>
    <a-mixin id="cube" geometry="primitive: box"></a-mixin>
  </a-assets>

  <a-entity mixin="red blue cube" material="color: green"></a-entity>
</a-scene>