渲染
可以使用 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 渲染函数
这对您有帮助吗?