Constructor
new XRElement()
Properties:
| Name | Type | Description |
|---|---|---|
HTMLElement |
object | XRElement 가 실제로 그려질때 보여지는 DOM 엘리먼트입니다. |
type |
string | XRElement 타입을 저장하며, 내부적으로 사용됩니다. |
target |
string | XRElement 가 binding(연결)하고 있는 Entity의 uri 주소입니다. |
Methods
addChild(xrElement) → {XRElement}
현재 XRElement의 자식 목록으로 입력받은 XRElement를 추가합니다.
Example
const parentXRElement = letsee.createXRElement('<div>parent</div>'); // 부모 XRElement
const childXRElement1 = letsee.createXRElement('<div>child1</div>'); // 자식 1 XRElement
childXRElement1.position.x = -50; // 자식 1의 x좌표를 -50만큼 이동
const childXRElement2 = letsee.createXRElement('<div>child2</div>'); // 자식 2 XRElement
childXRElement2.position.x = 50; // 자식 2의 x좌표를 50만큼 이동
parentXRElement.addChild(childXRElement1); // 부모 XRElement에 자식 1을 추가
parentXRElement.addChild(childXRElement1); // 부모 XRElement에 자식 2를 추가
letsee.bindXRElement(parentXRElement, entity); // 부모를 entity에 연결시킴Parameters:
| Name | Type | Description |
|---|---|---|
xrElement |
XRElement | 자식 목록으로 추가할 xrElement |
Returns:
- 자식 요소로 xrElement가 추가된 현재 xrElement 반환
- Type
- XRElement
removeChild(xrElement) → {XRElement}
현재 XRElement의 자식 목록에서 입력받은 XRElement를 제거합니다.
Example
const parentXRElement = letsee.createXRElement('<div>parent</div>'); // 부모 XRElement
const childXRElement1 = letsee.createXRElement('<div>child1</div>'); // 자식 1 XRElement
childXRElement1.position.x = -50; // 자식 1의 x좌표를 -50만큼 이동
const childXRElement2 = letsee.createXRElement('<div>child2</div>'); // 자식 2 XRElement
childXRElement2.position.x = 50; // 자식 2의 x좌표를 50만큼 이동
parentXRElement.addChild(childXRElement1); // 부모 XRElement에 자식 1을 추가
parentXRElement.addChild(childXRElement2); // 부모 XRElement에 자식 2를 추가
letsee.bindXRElement(parentXRElement, entity); // 부모를 entity에 연결시킴
parentXRElement.removeChild(childXRElement2); // 부모 XRElement에서 자식 2를 제거, 자식 2가 화면상에서 제거됨Parameters:
| Name | Type | Description |
|---|---|---|
xrElement |
XRElement | 자식 목록에서 제거할 xrElement |
Returns:
- 자식 요소로 xrElement가 제거된 현재 xrElement 반환
- Type
- XRElement