렌더링
JavaScript API 또는
사용자 지정 셰이더를 사용하여 2D 및 3D 콘텐츠(예: 모델, 이미지 및 인터페이스 요소)를 수정하고 변환할 수 있습니다. 이 콘텐츠를 조작하려면
tml3dRenderer 객체를 사용하십시오. 예를 들어, 모델에 여러 부품이 포함되어 있으면 각 부품이 개별적으로 액세스하고 수정할 수 있는
모델 항목으로 표현됩니다.
모델 항목의 위치를 설정하려면 다음 JavaScript를 사용합니다.
tml3dRenderer.setTranslation('areaPreview',$scope.app.params.target.pos.x, $scope.app.params.target.pos.y,$scope.app.params.target.pos.z);
기타 유용한 API는 다음과 같습니다.
• setTranslation() - 모델, 모델 항목, 3D 이미지 및 트래커 노드의 위치(x, y, z)를 설정합니다. 트래커 노드는 추적 가능한 좌표계의 루트로, 대상 및 콘텐츠가 하위로 있습니다.
• setRotation() - 모델, 모델 항목, 3D 이미지 및 트래커 노드에 대한 회전(x, y, z)을 설정합니다.
• setScale() - 모델, 모델 항목, 3D 이미지 및 트래커 노드의 배율을 설정합니다.
• setProperties() - 3D 요소의 렌더링 속성을 설정합니다.
• add3DObject() - 외부 소스의 데이터를 사용하여 3D 객체를 추가합니다. 런타임에 추가 3D 콘텐츠를 로드하는 데 이 옵션을 사용합니다.
• setTexture() - 요소에 질감을 적용합니다. 소스는 URL 또는 base64로 인코딩된 문자열일 수 있습니다.
• setColor() - ID를 기준으로 모델 항목의 색을 설정합니다.
관련 JavaScript 함수에 대한 자세한 내용은
저수준 3D 렌더링 함수 항목을 참조하십시오.