ThingJS有161个官方示例—场景切换简介
javascript吧
全部回复
仅看楼主
level 1
Inga好工作 楼主
ThingJS为了解决这个痛点,基于WEBGL开发了3D框架,极大节省了这些学习成本。
一个复杂的物联网项目都是实景模拟,人居环境会有多个场景组合而成,而且在项目开发过程中,可能建模的人员都不一样,制作的场景都可能在不同的位置,如何做场景切换呢?这个功能官方例程中就写得很清楚,跟我来看看吧!
使用ThingJS官方神奇模模搭来搭建场景,这个相信大家都很熟悉,它的场景能够自动同步到ThingJS网站中去,毕竟是一家亲,如果ThingJS在线平台找不到,那不是平台的问题,而是你的操作问题!记得回到模模搭客户端查看是否同步完全,或者是上传的obj模型因为标准或者规范的问题而被拒绝的,就可能导致场景无法正常同步,只要查看标准文档进行操作就可以啦!
物联网可视化项目主要涉及大型而复杂的园区、地理地形或者工程等,越复杂就越需要合理规划,ThingJS是如何简化这些开发流程的呢?我们是有神器助攻的!ThingJS经过多年开发经验的沉淀,得出了四个开发步骤:场景搭建、在线开发、数据对接、项目部署,同时把建模和开发分开,设计人员使用CampusBuilder(又称模模搭)或者cityBuilder搭建工具,无代码轻松拖拽元素即可制作模型,随后开发人员使用ThingJS在线开发(http://www.thingjs.com/guide/),从官方示例了解最新的酷炫功能,基于JS代码轻松开发,不需要额外培训!
模模搭可以选择对应的模型搭建一个工厂或者是粮仓,但是特殊模型也有,可以从其他位置加载并上传使用,ThingJS推荐使用3DMAX工具搭建特殊模型,并提供3DMAX上传插件来完成传输,这些插件资源都可以在官网-资源中心下载。
在线开发的时候如何引用任何场景的URL,步骤如下:使用快捷键Ctrl+J或者直接点击园区icon打开园区界面,双击对应场景即可出现该场景的URL,引用完毕之后,参考如下官方示例进行不同的场景切换,一切清楚明白无保留!
如何进行一个场景的动态切换,有以下三步: 1、首先要有两个以上可以选择切换的场景,在模模搭场景搭建工具中进行建模 2、初始界面默认为第一个加载的场景,嵌入自由进出场景层级的功能 3、加入一个切换按钮,通过点击这个按钮,场景之间可以迅速切换,呈现淡入效果
ThingJS在线平台(http://www.thingjs.com/guide/)提供了161个官方示例,开发人员入门简单,有更多的资源和Demo欢迎来学习。
2020年07月31日 04点07分 1
1