3D开发不做畏缩之徒,ThingJS设计箴言

有关设计(同时也是有关生活)的一个更一般的指导原则是:不要畏畏缩缩。ThingJS的3D设计是基于JS封装库,操作界面更加直观大方。

更加直观和准确,是设计的目标,让人们更加方便找到需要的信息,凸显设计的价值。

3D和2D一样,都是把数据可视化,更清晰的展示在用户面前,物联网技术部署的最后一公里,就是可视化层面。3D动画有了更多的仿真增强,以前是需要学习3DMAX系统,具备专业的3D建模知识,随着物联网技术的生态扩展,不是一个供应商就能做好一个物联网方案的部署,它需要众多的合作,所以每个合作厂商只要把其中一个方面做到极致,就能够存活。ThingJS是3D可视化开发方面的佼佼者,为了更加快速推动物联网可视化技术,赶上物联网的大众创新浪潮,它利用JS封装3D库,并开发一系列3D地图及园区建模组件,把可视化开发步骤简化成了四步。

在CityBuilder或者CamBuilder场景搭建工具中,可以选择物体属性来内置模型动画,无缝集成到ThingJS平台上,就可以基于内置的模型动画运行JS代码,节省了大量的动效基础开发时间。

以下面的粮仓为例,在CamBuilder中我们可以通过选中该模型,查看模型是否带有动画,例如这个粮仓动画名为‘CloseRoof’和‘OpenRoof’,分别控制粮仓开盖关盖动画。

3D开发不做畏缩之徒,ThingJS设计箴言_第1张图片

ThingJS使用 playAnimation 接口进行动画播放。
• 简单播放动画
obj.playAnimation("animation");

• 可以反向播放动画
`obj.playAnimation({

name: "animation",
reverse: true//反转数组

});`

• 可以循环播放动画,并且可以同 loopType ,来控制循环类型
`obj.playAnimation({

name: "open1",
loopType: THING.LoopType.Repeat

});`

• 还可以同时播放多个动画;
`obj.playAnimation({

name: ["open1", "open2"],
loopType: THING.LoopType.PingPong,
speed: 0.4

});`

ThingJS在线平台是15万个3D开发者的共同选择!

你可能感兴趣的:(javascript)