zoukankan      html  css  js  c++  java
  • 简易3D开发,ThingJS之大道至简

    设计的很多道理能应用在生活、工作之中。ThingJS把3D开发变得简易无比,也是一种大道至简的做法。

    专业的设计人员总是会“借取”其他理念,他们总在寻找灵感。如果你在设计一个传单,可以先找一份你确实非常喜欢的传单,采用它的布局。只需使用你自己的文本和图片,就能把原来别人的传单变成你自己独一无二的设计。ThingJS的3D开发完全可参考官方示例161个,让你更轻松开发!

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

    在CityBuilder或者CamBuilder场景搭建工具中,可以选择物体属性来内置模型动画,无缝集成到ThingJS平台上,就可以基于内置的模型动画运行JS代码,节省了大量的动效基础开发时间。
    以下面的粮仓为例,在CamBuilder中我们可以通过选中该模型,查看模型是否带有动画,例如这个粮仓动画名为‘CloseRoof’和‘OpenRoof’,分别控制粮仓开盖关盖动画。

    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让人人都能参与3D开发!

  • 相关阅读:
    JS中的prototype
    mustache.js渲染带事件的模板
    PHP的UTF-8中文转拼音处理类(性能已优化至极致)
    js
    git的作用和原理(待续)
    linux简单配置
    sql查询字段值长度判断是否18位
    sql查询重复值
    java获取某一字段日期并增加7天存入另一字段
    数据库20190206////2019-02-06 00:00:00.000日期格式页面转换
  • 原文地址:https://www.cnblogs.com/thingjs/p/13646866.html
Copyright © 2011-2022 走看看