aframe
믹스 인

소개

믹스 인의 사용 예

<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>

구성 요소 속성 병합

다중 속성 구성 요소의 속성은 여러 mixin 및 / 또는 실체로 정의 된 경우 병합됩니다. 예 :

<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>

기하학 구성 요소 등록 정보는 모두 mixin으로 포함되고 엔티티에 정의되어 있기 때문에 병합됩니다. 엔터티는 다음과 같습니다.

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

주문 및 우선 순위

엔티티가 동일한 구성 요소 속성을 정의하는 여러 mixin을 포함 할 때 가장 오른쪽의 mixin이 우선합니다. 아래 예제에서 엔티티에는 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>

엔터티 자체가 이미 mixin에 의해 정의 된 속성을 정의하면 엔터티의 정의가 우선합니다. 아래 예제에서 엔티티는 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>