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]
});
参数:
• type : 通知系统创建 Marker 物体;
• offset : 设置自身坐标系下偏移量为[0, 2, 0];
• size : 设置 Marker 物体大小,也可以添单独数字如 4,等同于[4,4],大小是

最低0.47元/天 解锁文章
644

被折叠的 条评论
为什么被折叠?



