3D可视化让我们可以由立体的视角去看这个立体的世界,不再只局限于平面,ThingJS让3D开发门槛降低!
在ThingJS开发界面中,进行3D场景可视化的编辑区域,我们把它称之为3D容器,也就是展示3D图片的地方,如下图所示。ThingJS 3D开发工具主要提供 Marker
物体和 WebView
物体以支持 3D 空间界面。
我们先来看看两者的区别。
Marker:可以将图标、Canvas绘制的图片,展现在3D场景中或绑定在3D物体上。
WebView:可以将页面嵌入到3D场景中,支持iframe元素引用一个新的网页
1. Marker 物体
Marker 物体可以添加一个图片放置到你希望的位置,也可以将这个图片作为子对象添加到父对象身上,随着父对象一同移动。
例子 1:
type: "Marker",
offset: [0, 2, 0],
size: [4, 4],
url: "https://thingjs.com/static/images/warning1.png",
parent: app.query("car01")[0]
});
</