🌓
搜索
 找回密码
 立即注册

基于WebGL的物联网的3D可视化的PaaS平台ThingJS简介

admin 2019-2-5 22:14:20 55719
ThingJS是优锘科技出品的一款简单好用的3D场景搭建及应用工具,能快速构建智能楼宇、智慧园区、粮仓、数据中心、物联网可视化、3D机房、消防可视化、智能建筑、地铁可视化、智慧监狱、智慧城市等可视化应用场景,是国内领先的物联网可视化平台。CampusBuilder客户端支持本地场景搭建,快速构建物联网场景,是3D场景制作者的强大工具;支持本地3D应用开发调试,是开发者的神兵利器。
ThingJS让3D开发变简单
是一款基于物联网的3D可视化的PaaS平台
基于WebGL的兼容各种浏览器及移动设备
零门槛,高效率,低成本开发各类3D应用应用点:
微信图片_20190205213021.png 微信图片_20190205213018.png 微信图片_20190205213015.png 微信图片_20190205213012.png 微信图片_20190205213009.png 微信图片_20190205213005.png


1.什么是ThingJS?
微信图片_20190205213055.png 微信图片_20190205213051.png 微信图片_20190205213047.png 微信图片_20190205213043.png 微信图片_20190205213039.png 微信图片_20190205213034.png 微信图片_20190205213031.png 微信图片_20190205213027.png 微信图片_20190205213024.png
ThingJS 名称源于 物联网 Internet of things(IoT) 中的 Thing (物),意为面向物联网可视化开发的 Javascript 库。主要针对以一栋或多栋建筑所组成的园区级别的场景,可以应用于数据中心、仓储、学校、医院、安防、预案等多种领域。
ThingJS 基于 HTML5 和 WebGL 技术,可方便地在主流浏览器上进行浏览和调试,支持 PC 和移动设备。ThingJS 为可视化应用提供了简单、丰富的功能,只需要具有基本的 Javascript 开发经验即可上手;
ThingJS 提供了对场景的加载、分层级的浏览,对象的访问、搜索、以及对象的多种控制方式和丰富的效果展示,可以通过绑定事件进行各种交互操作,还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等等各种可视化功能;
2. ThingJS平台的定位是什么?
答:ThingJS平台是优锘公司基于多年的三维开发经验,推出的一套面向IOT不同行业的开发者和企业提供三维PaaS开发平台,旨在帮助企业和行业解决方案供应商快速、低成本、低门槛地构建自己的三维应用。
3.ThingJS平台是不是开源的?
ThingJS平台不是开源的,平台提供了一套在线的三维开发环境。如需将开发成果转换成商业应用,我们将按照Licence授权的方式收取费用。
4.ThingJS开发方式是什么?
入手 ThingJS 时,推荐使用在线开发:
在线开发无需配置开发环境,直接利用在线编辑器即可入手,以最快速度开始;
在线编辑器支持自动拼写,右键菜单可以插入常用代码块,降低学习门槛;
在线保存,不用搭建服务器,一键发布,随时随地演示;
数据对接,支持ajax api的方式,也支持websocket的方式,前台页面直接获取数据,数据不经过thingjs平台,安全可靠;
从 ThingJS 网站顶部菜单中进入在线开发,你可以对任何例子代码进行修改,并运行查看结果;
目前仅支持在线开发,后期可能推出本地调试开发。
5.什么是模型?
ThingJS平台的模型是指一个能够操作的可复用的3D资源单元。
例如一栋楼是一个模型,一辆车是一个模型,一个传感器设备是一个模型。
6.什么是场景?
ThingJS平台的场景是指由众多模型放在一起组合而成一个空间。
例如一个围栏加一栋楼加围栏里的一辆小车组合便成为一个场景。
7.什么是应用?
ThingJS平台的应用是指带交互的场景。 应用使用JavaScript脚本语言开发。
例如一个粮仓应用,点击仓库可以显示信息牌,点击屋顶可以开盖。
8.什么是数据对接?
数据对接的目的是将真实物理世界的数据显示到虚拟的3D场景上。
ThingJS平台通过http协议JSON格式的方式获取数据,通过内部接口将数据显示到3D场景上。同时也包括改变3D场景中模型的属性。
例如移动一个车,打开一个柜门等。
9.什么是坐标系?
物体在空间中的标注值称为坐标。
某种标注方法称为坐标系,例如直角坐标系,球坐标系,圆柱坐标系。
ThingJS三维空间采用xyz右手直角坐标系。
10.什么是世界坐标/绝对坐标系?
以场景原点为中心的直角坐标系为世界坐标。
在ThingJS中所有的物体的position值均为世界坐标,排列为[x,y,z]。
11.什么是相对坐标?
在层次结构中的物体有相对坐标。
例如:某个建筑某楼层中的物体,该物体相对这个楼层。
ThingJS中属性localPosition为相对坐标,相对某层楼的中心点,室外物体无相对坐标。
12.什么是室内/室外物体?
在搭建工具中有室内和室外两种模式,凡在室内模式种放置的物体均为室内物体。
在室外模式放置的物体为室外物体。
13.项目中如何使用坐标系?
项目中一般采用替代法放置物体。
在搭建工具中放置方盒,然后通过程序替换为实际设备,这样就可以避开复杂的坐标系。
14. 你们是做整体可视化解决方案的吗?
答:我们是3D可视化平台软件提供商,利用我们的3D可视化平台ThingJS可以完成各行业应用。我们本身可提供这些行业的3D可视化系统的实际项目交付,但我们并不提供某行业的整体解决方案。我们是3D可视化系统产品提供商,并不是整体解决方案提供商,整体解决方案是由我们行业合作伙伴来完成的。我们在整体解决方案中提供可视化软件部分,不涉及硬件及可视化软件外其它子项。所以,我们也希望有更多的行业合作伙伴开始使用我们的3D可视化平台软件完成3D可视化监管系统交付。我们的ThingJS 3D可视化平台就是面向合作伙伴的低门槛、低成本3D可视化解决方案,适合非3D专业厂商来完成3D应用监管系统构建。
15. 你们做三维建模吗?
答:大概来说也算是的。但我们不是提供3D建模服务的公司,我们是提供3D建模、应用构建工具平台的公司。我们的3D建模、应用构建工具平台就是ThingJS平台,可上我们ThingJS网站看到。我们鼓励大家利用我们的工具平台来完成3D建模和应用开发。
16. 你们是如何建模的,过程复杂吗?
答:我们ThingJS平台最大的优势就是我们提供一个面向普通人的3D场景搭建工具,传统上3D建模需要专门的模型设计师通过3DMax等软件来完成,现在普通人就可以利用我们的ThingJS 3D场景搭建工具完成大部分3D场景搭建工作了。我们的3D场景搭建工具既然是面向普通人的,自然很简单,我们曾给小学生培训搭建工具使用,一节课下来基本上小朋友都会搭建了。
17. 这么多行业,有不少模型你们的库里是没有的,如何解决呢?
答:是的,万物可视,行业模型太多,我们模型库确实不可能有那么所有模型。所以我们提供了额外模型用户自行上传功能。现在可以在我们的场景搭建工具中上传您所需的额外obj模型文件。这些额外模型是需要3DMax等工具软件另行制作的,当然从网上下载等渠道来的也都可以使用。
18. ThingJS如何收费呢?
答:如果合作伙伴用我们的平台自行进行模型搭建、应用开发,目前我们ThingJS平台的3D场景搭建工具、在线应用调试环境、公开模型库等都是免费的。当然我们也不全是免费的,从我们ThingJS.com网站可看到价格页,当前我们的收费模式是这样:
a) 对于到网站上测试性开发的个人开发者是始终免费的;要成为商业开发者,则会收取1998元/年的年费,商业开发者会比免费的个人开发者在资源、场景、服务等方面有更多支持;
b) 商业开发者每完成一个应用开发,可以SaaS模式在线部署,每个项目每年收取服务费2888元;
c) 如果需要离线下载部署到私有云、局域网或单机,我们也提供离线部署包,公开市场授权价为58888元。这是永久授权。如果您需要的授权使用量大等,具体价格还可再商量;
d) 除上面这些自行制作研发的方式,我们也可提供定制建模、开发服务。这个按传统软件项目单独洽谈报价。
19. 可以离线部署吗?怎么收费?
答:可以的。虽然ThingJS主推PaaS平台,但也支持离线部署。目前公开市场授权价为:58888元。如果您需要的授权使用量大等,具体价格还可以进一步沟通。
20.ThingJS平台完整的开发流程是什么?
答:ThingJS平台开发3D可视化应用一般包括三个步骤:模型搭建、在线开发、应用部署。
1. 模型搭建:ThingJS平台自带三维场景搭建工具,能够满足不同场景下的三维搭建要求。CampusBuilder面向小型园区及该规模以下的场景搭建;CityBuilder面向城市级,提供更大场景的三维搭建组件;
2. 在线开发:场景搭建完成可导出ThingJS平台专有文件格式,上传到我们的在线开发平台进行应用开发。开发是用纯JavaScript脚本进行,普通网页开发人员都可完成,无需3D开发经验。通过JS脚本,可为3D场景增加UI界面、交互控制逻辑、对接数据、实时监控等功能,实现一个完整的3D可视化应用程序。
3. 应用部署:系统在线调试、测试无误后,就可以部署了。目前我们提供两种方式,在线部署在ThingJS云平台上或者下载离线部署包在您本地环境部署。
21. ThingJS的3D看着挺酷,对系统运行硬件有哪些要求?
答:ThingJS的3D可视化应用是B/S架构的,3D场景是运行在客户端的浏览器中。3D场景渲染展示对电脑设备要求较高,特别是显卡,一般必须是独立显卡。目前一般新的电脑都有独立显卡没有问题,老的办公用电脑可能在这方面不太具备条件。在不符合要求的电脑上查看3D场景会有卡顿感觉。ThingJS若是离线部署,需要部署到服务器端,ThingJS对服务器端的要求并不高。具体要求如下:
1. 客户端
系统:Windows 7及以上
CPU:双核 CPU2.8GHz及以上
内存:8G及以上
显卡:最低GTX650,推荐GTX960及以上,显存1G及以上
硬盘:300GB及以上
2. 服务器端
系统:Windows Server 2003及以上
CPU:双核 CPU2.8GHz及以上
内存:8G及以上
硬盘:500GB及以上
软件环境:JDK 1.6及以上
22. ThingJS平台3D场景挺好看,还有那些应用呢?
答:3D可视化的一个重要作用确实是“好看”,或者说降低认知门槛,使应用场景、应用数据的展示更加直观有效,大幅降低人们认知、监管特定行业应用状态变化的难度。当然,我们也可以总结诸如推演、仿真、预测、大数据展示等方面3D可视化不可替代的作用,但如果特定行业应用或用户对“好看”本身就是无感的,那也许3D可视化确实还不是他们当务之急。
23. ThingJS和BIM有什么不同?有什么关系?
答:我们和BIM有差异,也有关联:
a) 差异方面主要是定位差异:我们和BIM应用在主要应用定位上有所不同。BIM模型主要用于工程建设过程管理,我们的模型主要用于建筑完成后的日常运营管理;
b) 其次是模型差异:因为定位差异,所以BIM模型往往非常巨大,单体一栋楼的BIM模型1-2G是常见现象。这样的模型在日常管理的3D可视化应用中是不太可用的,因此往往需要轻量化。而BIM模型的轻量化过程,可能本身就要消耗大量时间精力。ThingJS有快速建模的能力,与之对比,往往用ThingJS模模搭工具根据CAD图纸搭建完成一个建筑比用相应BIM模型轻量化后应用成本更低;
c) 虽然有差异,但我们和BIM也有关联:实际上ThingJS并不拒绝BIM模型,ThingJS支持BIM模型轻量化后倒入ThingJS场景完成行业应用。不过现在BIM模型的使用需要按项目单独处理。
24. 如果某行业应用你们来做,大概多少钱?
答:虽然我们主推PaaS平台,鼓励合作伙伴完成行业应用开发,但如果确实需要,我们也可提供比如展板这些行业的3D可视化应用交付。交付会按传统软件项目开发来评估报价,具体的可针对特定项目沟通评估后报价。
25. ThingJS和地图坐标能整合吗?(室内坐标是地图坐标一致吗?)
答:可以(可以通过映射一致)。我们的3D场景会有自己的坐标原点,如果需要可以和某地理信息坐标进行对齐,到时只需要进行一定的坐标转换就可以使两者坐标对应。当然,在我们3D场景里是主推对象ID定位而不是坐标对外的,对于室内管理而言,前者更加有效和简便。
25. ThingJS和DataV/ECharts有什么区别?
答:ThingJS是从3D可视化(拟合现实世界)角度出发的,DataV/ECharts是从数据可视化的角度出发的,虽然两者在特定领域会有合集,但因为基础着眼点差异,使ThingJS在对比中有差异化优势。ThingJS的优势可列举以下方面:
a) 3D专业性和打酱油:因为ThingJS是从3D可视化角度出发的,因此ThingJS在3D引擎核心能力的维度、性能、封装丰富性方面都具有先天优势。为天下没有难开发的3D可视化应用是ThingJS的目标。而3D能力对DataV而言是后期加入的辅助性能力,和ThingJS以3D引擎为自己核心能力对比相去甚远;
b) 交互应用和图表:ThingJS考古到最早的核心能力开发方来自于3D游戏开发,这是一个非常强调3D交互的领域;而DataV/ECharts出身于做图表、做仪表盘,是从传统BI走过来的,出身的差异延续至今。因此ThingJS更强调打造3D场景,拟合各行各业运行环境,在交互操作情况下为各传统行业的可视化监管赋能,可形成各行业的3D可视化监管软件;而DataV/ECharts因为强调图表、仪表盘展示,更多见于大屏展示应用,DataV/ECharts即使形成行业管理软件,也是交互能力非常若的画面展示为主,与ThingJS的行业应用交互能力难以相比;
c) 展示风格差异:ThingJS作为专业的3D可视化平台,适合于各种3D展示风格,既可以以接近真实的模型风格展示,也可以以科幻风格、卡通风格等各种风格展示,能更方便地支撑各类应用场合的需要;而DataV/ECharts的3D是辅助性功能,一般只能提供科技感风格展示,对于复杂交互应用较难应付
事实上,ThingJS有一个ChartBuilder子产品,和DataV/ECharts是一个对标的产品,也都是主打科技感大屏搭建的。而且,比如阿里的云栖大会上就有阿里的某合作伙伴使用我们的ChartBuilder产品而不是DataV搭建了展台展示大屏。
ThingJS物联网可视化平台首先您需要下载3D场景搭建工具。
我们提供简单、好用的3D场景搭建工具CampusBuilder,下载链接http://www.thingjs.com/guide/?m=campus
您注册登录后,点击右上角新建场景,根据您的需要搭建适合自己的场景。
14212_A5PZUX6277H7SR9.png 我们的编辑器提供少量的动画模型,如果没有您需要的模型,您可以通过我们的max插件上传模型,人工审核通过后,会在搭建场景编辑器中,个人模块——已上传模型文件显示,可以拖入场景直接使用。
3ds max插件下载及使用教程http://www.3dmomoda.com/max
14212_HWW2K6VN5SZNAA2.png
场景搭建完成后,导出tjs包。点击左上角文件,点击导出选择ThingJS场景包。保存到桌面或者您建立的文件夹中。
14212_EB8YFZGZZVKKK9X.png
需要把该ThingJS场景包上传到ThingJS开发平台。http://www.thingjs.com
14212_JPC66H2TNKHPJXV.png
点击右上角登录,输入您注册的账户,也可以选择微信登录。登录后点击右上角控制台。
点击我的资源——大“+”号上传场景,弹窗——点击选择文件,您导出的ThingJS场景包文件,选择后,点击立即上传即可。
14212_U3XK68R8UQ4CMYF.png
上传成功后,有开发、复制地址、预览、删除按钮,根据需要进行选择。

14212_MGGB8VVF5DCGYPG.png
ThingJS开发相关文字与视频教程链接:http://www.thingjs.com/guide/?m=tutorial
CampusBuilder(模模搭)客户端搭建的3D场景如何导入ThingJS开发平台?
首先,您的3D场景搭建完成后,CampusBuilder(模模搭)原“导出ThingJS场景”功能,,导出ThingJS场景功能改位置啦:
14212_M79RT2HSCSRX9HQ.png
然后打开ThingJS官网并用微信扫码登录,点击右上角的控制台。
3_8T7M76ENEZUDTMN.png
默认显示我的项目,点击新建项目。
弹窗点击我的场景——点击上传按钮。
3_59NZC8G5XFZMXSB.png
点击上传按钮后弹窗选择在CampusBuilder(模模搭客户端)导出的ThingJS文件上传。
3_FGP3NYZBJ4YDV37.png

关于模模搭

模模搭是优锘科技推出的物联网可视化PaaS平台,为广大互联网用户提供好用的可视化工具。
使用模模搭的网上服务,您可以快速搭建3D可视化场景,能在短短几十分钟甚至十几分钟时间里,搭建出包括室内、室外、建筑和园区的复杂场景,广泛应用于学校、医院、商场、工厂、库房等各种场合。
搭建出的场景可以用于多种用途,包括:
3D设计图纸:更准确描绘设计思路,直观审视设计成果
电子沙盘:3D立体化互动式电子沙盘,创新的园区和建筑展示介绍
互动式导航:动态线路指引,用于园区、大型建筑的3D地图式导航
模模搭生成的3D场景还可以用于实际管理场景。在物联网条件较为成熟的地方,可以将3D场景与物联网管理系统结合,提供3D可视化的互动管理界面。通过优锘科技提供的物联网管理API,实现3D场景与物联网管理系统的数据互动,在3D界面上动态展现被管对象的状态、数据、事件和告警,甚至提供反向的控制操作能力,让用户可以直观地掌控和管理物联网世界,为智慧建筑、智慧园区乃至智慧城市提供高效的可视化管理手段。
模模搭是优锘科技从“让IT可视”走向“万物可视”的重要一步,优锘科技相信未来的世界是“万物互联”到“万物可管”的世界,在新的世界中,“万物可视”将是实现“万物可管”的关键一环。优锘科技在将可视化技术应用到管理物联网密度最高、架构复杂度最高的数据中心方面取得了成功,并积累了丰富的可视化管理经验,从“模模搭”开始,优锘科技将把取得的经验从数据中心和IT管理推广到更广泛的物联网管理领域,以帮助人们在即将到来的物联网时代里,更好地认知和管理新世界。
微信图片_20190205213939.png 微信图片_20190205213942.png 微信图片_20190205213944.png 微信图片_20190205213948.png


CampusBuilder(模模搭)常见问题汇总
1.CampusBuilder(模模搭)和 3ds Max、SolidWorks等3D制图软件的区别在哪?
CampusBuilder(模模搭)的定位是ThingJS平台的园区搭建组件,使用它可快速构建园区级物联网3D场景;
CampusBuilder的基本特性是学习门槛低、搭建速度快;
CampusBuilder的输出物为3D物联网场景,用户基于此场景和ThingJS平台开发能力,可快速构建3D物联网可视化应用;
3ds Max的定位是3D制图软件,输出物为3D模型。两者定位完全不同。

2.CampusBuilder(模模搭)是否收费?
CampusBuilder(模模搭)搭建功能免费开放给所有用户,搭建出来的场景默认所有用户均可浏览。场景使用的增值功能需要付费,比如私有场景的设置、iframe引用、离线场景EXE下载等。

3.CampusBuilder(模模搭)目前有几种版本可供使用?
CampusBuilder(模模搭)目前提供两种版本,一种是客户端版(推荐使用),另一种是Web版(不推荐)。

4.CampusBuilder(模模搭)Web版本有哪些问题?
Web版本存在使用上的不便,因此推荐使用客户端版;
Web版需安装插件后使用,插件下载地址:http://3dmomoda.oss-cn-beijing.a ... yerFull-5.3.4f1.exe
使用Web版需选择支持插件的浏览器,如:360极速、IE11、Chrome41及之前版本;
如无法正确加载场景,处理方法:清除浏览器缓存后再试。

5.CampusBuilder(模模搭)客户端对电脑配置有哪些要求?
系统:Windows 7及以上
CPU:双核 CPU2.8GHz及以上
内存:1G及以上
显卡:最低GTX650,推荐GTX960及以上
硬盘:300GB及以上
3D模型创建对显卡有一定的要求,请务必使用独立显卡,集成显卡会造成使用的过程中有卡顿现象。CampusBuilder(模模搭)客户端暂支持Windows系统,给您带来的不便烦请谅解。

6.CampusBuilder(模模搭)客户端无法登录,输入框显示乱码?
请右键点击CampusBuilder(模模搭)客户端图标,选择“以管理员身份运行”即可正常登录。

7.CampusBuilder(模模搭)搭建一个场景的标准流程是什么?
第一步圈地,选择【室外-圈地】下任一围栏进行圈地操作;
第二步搭建筑,选择【室内-建房】下自定义建筑;
第三步构建室内结构,双击进入上述自定义建筑,选择【室内-墙】下墙构建室内结构,然后根据需要设置本建筑的外立面;
第四步摆放其他模型,根据实际需要在室外或室内摆放其他模型。

8.CampusBuilder(模模搭)搭建场景时是否可以导入CAD图纸?
目前有两种方式使用CAD图纸:
1、        先将CAD图纸转换成为jpg或png格式,以参考图方式导入,对照参考图人工画墙、摆模型;
2、        直接导入CAD底图,自动生成室内墙壁。目前本功能识别率较低,仍在优化提升中。

9.CampusBuilder(模模搭)场景中自定义贴图如何添加?
目前支持jpg、png两种格式自定义贴图(其中jpg文件本身不支持透明样式,png则支持)。贴图可以“刷”到万能物体上或其他模型上。在CampusBuilder(模模搭)的DIY模型库页签中上传贴图,即可在场景编辑器【个人-文件夹】中使用。

10.CampusBuilder(模模搭)是否可以离线运行?
CampusBuilder(模模搭)客户端版首次登录后可以离线使用。

11.CampusBuilder(模模搭)搭建场景中如何截图?
在场景编辑状态时,点击顶部场景截图按钮,使用截图功能,截图分为默认、高清、超清三项,按提示保存到电脑桌面即可。CampusBuilder(模模搭)Web版在我的截图中查看。

12.请问购买Iframe后,可以在多个场景中使用吗?
不可以,每一授权针对单一场景。

13.3ds Max模型如何上传?
为了便于您更好的使用自定义模型上传功能,请您下载插件后,仔细阅读“安装教程”和“使用教程”。届时您可将自己制作的3Ds Max模型上传至CampusBuilder(模模搭)中使用。参见:http://www.3dmomoda.com/max

14.CampusBuilder(模模搭)现有的模型来源有哪些?
CampusBuilder(模模搭)提供官方通用模型库,如需使用官方行业模型库需走商务流程;您也可上传自有模型在CampusBuilder(模模搭)中使用。上传方法见上一问答。

15.如何查找其他用户搭建的场景?
CampusBuilder(模模搭)官方网站上提供了场景列表,可查看所有用户搭建的公开场景,并提供筛选和搜索功能。

16.CampusBuilder(模模搭)离线部署包是什么?
CampusBuilder(模模搭)离线部署包是扩展名为“.zip”的场景文件,内含调试代码、场景信息和资源文件。可使用CampusBuilder(模模搭)局域网服务器打开本文件。CampusBuilder(模模搭)网站和客户端均支持下载。

17.CampusBuilder(模模搭)单机exe应用是什么?
CampusBuilder(模模搭)单机exe是可预览场景的独立可执行程序,制作成功后我们会通过邮件方式告知您下载地址。目前仅支持在windows操作系统下运行,如您修改场景后需要重新购买新的程序,CampusBuilder(模模搭)官方网站和客户端均支持下载。

18.CampusBuilder(模模搭)VR功能如何使用?
CampusBuilder(模模搭)VR暂支持HTC Vive、Oculus两种设备,需要电脑安装上述VR设备后体验VR模式下CampusBuilder(模模搭)场景。

19.CampusBuilder(模模搭)场景有商务需求请问如何联系?
您可致电4000510152,或通过电子邮件momoda@uinnova.com,或加QQ群149207912找CampusBuilder(模模搭)—用户支持,快速找到我们,竭诚为您服务。

20.CampusBuilder(模模搭)场景搭建完成后如何预览?
在CampusBuilder(模模搭)客户端中双击场景即可预览您的场景。Web版在我的场景页签中单击目标场景,即可预览场景。

21.CampusBuilder(模模搭)场景如何进行代码调试?
在目标场景中点击代码调试,会调用浏览器进入本地调试页面。

22.可以用于机械设计制图么?
CampusBuilder(模模搭)不能替代AutoCAD等软件,前者定位为ThingJS平台的园区搭建组件,使用它可快速构建园区级物联网3D场景,CampusBuilder的输出物为3D物联网场景,用户基于此场景和ThingJS平台开发能力,可快速构建3D物联网可视化应用。

23.CampusBuilder(模模搭)支持64位和32位的win10系统吗?
分别支持,您可以去官网下载,http://www.3dmomoda.com/index,右键以管理员身份运行。

24.第一次的时候,点光标也出不来?
先打开任务管理器-性能,看一下,是不是CPU、内存特别忙,关掉不必要的进程,重新打开CampusBuilder(模模搭)客户端尝试。

25.在CampusBuilder(模模搭)客户端预览模式下,感觉在窗口中的呈现物体整体偏右 ,为什么?
CampusBuilder(模模搭)3D场景实际应用时,是带脚本的,视角可由脚本调节。编辑状态时由于右侧模型列表遮挡,两种模式视角略有误差,并不影响应用。

26.同一个账号,在一台电脑上上传自己的贴图,再在另一台电脑上登录,不能及时同步,怎么办?
从流程上,会有个过程,先是从第一台机器客户端同步到云端,再是从云端同步到第二台机器,贴图等资源传输加载需要一定的时间,建议您耐心等待。

27.一个信息点的定义是什么?
一个信息点指一个可接入外部数据的模型对象。比如:一个接视频流的监控摄像头模型;再比如:一个接外部业务数据的机械模型。

28.可以添加Solidworks的文件吗?
不能直接添加,但可以通过将Solidworks模型导出成3ds Max可打开的文件类型间接添加。注:需要先降低Solidworks模型精度,然后导出成wrl格式,再将其导入到3ds Max中;添加方法参见:http://www.3dmomoda.com/max

29.CampusBuilder(模模搭)是否有搭大屏图表的能力?
可以,严格的说,这是ThingJS平台的另一个重要组件ChartBuilder即将发布,敬请期待。

30.模型列表中的室外建筑模型能进入,并搭建室内结构吗?
这些建筑在3D行业叫外立面,他们本身不带室内结构,做好室内结构后,把他们指定为建筑外立面,就能“进入”它们了。搭建方法是:先自定义建筑,搭建室内后,在建筑层级选择这些外立面建筑。届时就可以点击建筑外立面进入刚才搭建的室内结构了。

31.你们的程序开源吗?
我们已对6个行业应用demo开源,更多源码示例,敬请期待。查看网址:http://www.thingjs.com/guide/?m=demo

32.我购买了离线模型exe文件,在一台电脑上编辑了几个视点动画,拷到另外一台电脑上后,实现编辑好的视点动画没了。请问如何解决?
当前exe所带视点动画数据是保存在临时文件的,想把exe复制带走,暂不支持。

33.CampusBuilder(模模搭)客户端中支持哪些插件?
CampusBuilder(模模搭)客户端目前可使用的插件有:模型库序列工具V0.4版,场景搭建助手V0.2版,监控摄像头助手V0.2版,Excel导入工具V0.1版,我们的插件不断扩充中,敬请期待。

34.模搭常用快捷键有哪些?
墙:
Ctrl:按住取消吸引。
Shift:按住画垂直/水平的墙。
Delete:删除墙。
物体:
Ctrl:按住单选物体;批量复制的 时候,按住Ctrl加滚轮调整距离。同时按键盘的上下左右可以调整方向。
Shift:按住可在3D场景下旋转物体角度,点要旋转物体时方向的小球有3个点,代表3个坐标轴的方向,可以固定每次15度角旋转。
Alt:按住能选中同一模型的所有物体
F:按住。如有选中就是聚焦,无选中就是聚焦整个场景
空格: 2/3D切换
参考图设置:
Shift:按住点鼠标左键能快速设置中心点。
ctrl:按住加鼠标左键比例尺的第一个点。
Alt:按住加鼠标左键是比例尺的第二个点。
Ctrl+z:撤销操作
Ctrl+y:重复操作
Shift:多物体选择之后按住Shift再点击物体可减选
预览状态:
ASDWQZ:有视角移动效果
空格:2D/3D 切换
F:物体聚焦
持续更新中...

35.CampusBuilder(模模搭)模型动画可以和Python交互吗?
可以,CampusBuilder(模模搭)模型动画在场景编辑器中右侧面板可查看到,有动画事件,可进行驱动演示,或被API指令驱动。如果把3D场景iframe嵌入网页,外部可用你想的任何语言交互。

36.一个物品本身有动画的属性才能显示吗?
是的,必须模型带了动画参数才会显示。

37.为什么会有橙色的粗线?
橙色线是下层墙标识,特地在编辑状态下显示出来给搭建者参考,在预览时是不显示的。

38.在线调试是否支持单步调试?
在线调试现在没有单步跟踪那么强大,一般用sprint,打出来观察状态。

39.模型可以分步加载吗?
CampusBuilder(模模搭)搭建的D场景不支持分布加载,Webgl版的可以逐步加载,可以访问thingjs.om了解。

40.请问官网上面的案例能下载到pc客户端上吗?
目前暂不支持下载,后续会开放部分案例到客户端。

41.官网上的业务场景中的代码能查看吗?
目前还没有开放,后续会开放部分Demo的源码,敬请期待。

42.什么是视点编辑?
视点编辑包括视点、视点动画,可根据需要编辑快速跳转视角,或连续视角变化的动画。视点其实是特定位置的屏幕快照,在视点展示时点击该视点即可直接转换场景角度、远近至该视点设定的位置。
用户在视点编辑中可以新建视点,插入视点,给视点命名,重新捕捉视点快照。并可设定该视点是否在预览时展示。

43.什么是视点动画?
视点动画其实是将多个视点快照串起来形成连续的场景变化,场景变化时的视角飞行时间及各个场景的停留时间均可自行设置,默认飞行时间 2s,停留时间 5s。操作如下:
视点动画的具体操作步骤是:从【工具-视点编辑】打开视点编辑面板,点击【视点动画】页签切换,点击【插入】创建新的视点动画,点击【操作】,将场景旋转调整至满意的视角,再点击【插入】,完成视点动画中第一个视点的编辑,重复旋转场景并【插入】视点动画的操作,即得到多个视点连续切换变化的视点动画。点击右下角的播放按钮播放视点动画,将从当前所处场景视角按设定的飞行时间变换至视点动画中的快照场景,并按当前排列的视点快照的次序依次循环播放。

44. 3D怎么不旋转呢?
按住鼠标左键移动鼠标控制3D的旋转, 鼠标右键或者中键控制3d的平移, 鼠标滑轮控制3d的放缩, 单击鼠标左键控制3d的选择。

45. CampusBuilder(模模搭)场景里的模型有限制么?
目前模型的使用没有限制,只要是CampusBuilder(模模搭)模型库里面的模型均可以使用。不过需要提醒的是,3D模型过多会占用系资源,可能会造成场景的卡顿和打开缓慢等情况。

46.如何正确区别室内跟室外场景内呢?
室外是能看到天看空的,室内时候在楼层基本是深灰色背景,建筑基本时候是浅灰色背景。

47.为什么我在自定义建筑里搭建的景观在室外不能显示呢?
自定义建筑里面搭的景观属于室内场景,室内场景室外是看不到的。

48. 怎么刷地板?
地板属于室内建筑,在右侧的刷地板模块中选择你想刷的颜色,然后将鼠标移动到你想刷地板的区域,单击即可。

49. 怎么画墙?
直接点击开搭界面左边的菜单就可以了。用户可以选择画直线墙或者矩形墙。

50. 怎么画曲线墙呢?
小的直线墙就能组成曲线墙哦~CampusBuilder(模模搭)暂时没有画曲线的功能。

51. 室内室外是怎么切换呢?
双击自定义建筑即可进入室内,进入室内之后界面的左上角会出现返回室外的按钮。

52.怎么改变虚拟字体颜色?
< color=yellow>黄色< /color>< color=#ffff00ff>黄色 < /color>#ffff00ff 这个编码,可以去网页搜索html颜色代码,自己手动更改字体颜色。

53.我怎么把模型旋转45度呢?
CampusBuilder(模模搭)里面的所有模型(特定建筑结构除外)均支持三个角度的旋转。点击模型的编辑功能,不仅可以随意旋转,还是调整模型的大小哦。

54. 弧形台阶你们是怎么摆放的啊?
使用万能几何模型构造的台阶。咯噔(大神)有话说:也可以用墙来弄 调整高度和厚度,我现在比较倾向这种,不过不熟悉的话 ,还是用万能模型吧。

55.我的墙都画好了,发现墙矮了怎么批量调整墙高啊?
在楼层的菜单栏里面的属性设计里面可以设计墙高,勾选生效到所有墙即可。

56.如何生成地板?
墙和地板是分离的。搭建时有2种方式,一种是拉墙时自动生成地板,称为外墙;一种是拉墙时不生成地板,称为内墙(或隔断)。如果拉墙时未生成地板,可自行选中合围墙,点上方按钮手动生成地板。

57.最小支持多少的分辨率呢?
主流分辨率都支持。

58. 万能物体能修改颜色和透明度么?
可以。在右侧【模型中心-调色板】面板中可以修改模型的材质及颜色。
也可以使用贴图的方式。

59. 模型能修改颜色和换图么?
有材质的物体可以支持修改颜色,可以在【模型中心-调色板】面板中可以修改模型的材质及颜色。但是换图暂时不支持。

60. 怎么把列表里的模型摆放出来?
左键点击你想拜访的模型,按住鼠标左键不放,然后将鼠标移动你想要拜访的位置松开即可。

61. 楼层能调整么?比如把2层挪到5层?
暂时不支持直接调整。但在某些情况下可以用复制和删除楼层的方式达到曲线救国的效果。

62.曲线贴图闪烁是什么原因?
闪烁是因为两个面过于贴近,系统在计算谁显示方面有误差,造成一会远的显示、一会近的显示,解决方法是稍微把两者距离分开一些就行。曲线上的锚点是可以独立控制的,比如拉偏一个位置等。想做一条弯曲自然的路,可以不断用加点功能,然后细节控制每个点位置,闪烁是调物体高度,调得差距大些就行。

63.一个房间中间没有隔开,地板要两种效果该怎么设置?
中间加个隔断  相当于做两个地板,或者地毯用贴图,程序假设你去掉墙就是要删掉地面,因为地面是墙生成的。

64.楼梯搭建连接处的那个平台行走的时候老是会掉到地板上去,怎么处理?
将2个楼梯和一个万年物体都添加一个任意属性就可以了,为提高性能,CampusBuilder(模模搭)默认在预览时会把未加属性(未声明有特定用途)的模型融合渲染,这些被融合模型不具有碰撞,无法走上去或站上去。

65.文字的颜色能不能修改?
不能修改,场景中要用到文字标识的,建议自行贴图处理。

66.我想在房间上方放置头顶牌展示一些信息,现在的做法是放置一个虚拟的物体,直接展示在虚拟物体上面,效果好像是在房间上方展示一样,但是又不想显示这个物体。设置了预览隐藏的时候,信息就不会显示出来了,这个怎么解决?
你如果用API做,可以先隐藏这批虚拟物体;在需要顶牌是在设置其可见、顶牌;为使虚拟物体不显眼,可给虚拟物体贴透明PNG,当然这是一种方法,你也可以考虑其它方法。

67.监控摄像头可以播放监控视频吗?
可以,在场景里自行放置监控摄像头,可以配合监控摄像头助手V0.2版使用。视频播放器以内置在最新版客户端,监控摄像头助手辅助插件自带“部署”,会自动生成API脚本。

68.监控摄像头助手V0.2版支持哪些流媒体协议?
目前支持主流的流媒体协议,例如RTSP或RTMP协议,以及http://协议等。

69.每次进去可视区域老是在地上,怎么编辑预览场景时候的视线方向?
设置视角,在我们的API文档中有相关介绍,第一个类:camera类有说明。AIP2.0传送门:http://www.3dmomoda.com/mmdclient/api/document/document.html

70.外立面是什么?
外立面就是指建筑的外观模型。可在自定义建筑编辑时,在建筑层级设置编辑外立面,找一栋你喜欢的楼外观即可。商业项目也可自行制作外立面上传。

71.在场景中比如说想放置物体,例如小车,自动沿着路线行走,是可以直接画的,还是要代码编写?
需要代码实现。沿路径运动。更多内容可以看一下在线 调试有相关实例。

72.建楼层没建在室内,能再放进去吗?
有一个迁移功能,就是为了这样建错了,需要挪的情况。进入自定义建筑内部,点击属性设置,勾选移动室外场景到本层的选项即可。

73.ctrl单击选中四面墙后, 在点击生成地板的时候,地板默认是离地面1M,要手动降到0才可以?
暂时是这么设计的,为了和原地面高度有差别,方便选中地面。

74.运动动画能实现吗?
动画有几种形式,视点动画可以自己做;模型动画有些模型带,可用API驱动播放;场景中特定模型移动等动画也可用API自行驱动。

75.请问楼层名可以修改吗?
进入自定义建筑内部点击属性设置可以修改楼层名称。

76.某些建筑的半透明效果如何做的?
万能物体设置透明化,具体效果可以自己调整。

77.在自己浏览器上的视点动画能拷贝到其他电脑上吗?
不能。

78.地板和墙的颜色怎么改?
通过贴图的方式。

79.为什么直接复制的,一样的模型颜色有的会不一样?
这是个偶发的bug,可试着用右侧属性调一下,后续会修复。

80.离线版本的个人模块找不到了?
电脑显示的分辨率无法满足显示的需要,分辨率不够的话,双击窗口框之后可以显示。

81.请问能自己画一些简单的几何体吗?
打开CampusBuilder(模模搭)客户端场景编辑器,找到右侧的抽象模块,有万能圆球,柱子,圆锥等几何物体。


官方网站:http://www.thingjs.com/
开发者社区:http://forum.thingjs.com/
配套模型搭建平台-模模搭:http://www.3dmomoda.com/index


扫一扫

3 回复

admin
2019-2-5 21:44:29
楼主
ThingJS 名称源于 物联网 Internet of things(IoT) 中的 Thing (物),意为面向物联网可视化开发的 Javascript 库。主要针对以一栋或多栋建筑所组成的园区级别的场景,可以应用于数据中心、仓储、学校、医院、安防、预案等多种领域。 ThingJS 基于 HTML5 和 WebGL 技术,可方便地在主流浏览器上进行浏览和调试,支持 PC 和移动设备。ThingJS 为可视化应用提供了简单、丰富的功能,只需要具有基本的 Javascript 开发经验即可上手。 ThingJS 提供了对场景的加载、分层级的浏览,对象的访问、搜索、以及对象的多种控制方式和丰富的效果展示,可以通过绑定事件进行各种交互操作,还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等等各种可视化功能。 微信图片_20190205214450.png 微信图片_20190205214453.png















开发API地址:
http://www.thingjs.com/guide/?m=api
平台能力              
              
            

                          
                ico_04.png                 物体创建               
               

修改物体尺寸,颜色,重力等物理参数,同时也可以控制物体效果,实现复杂的场景需求。

               -->

            

                          
                ico_05.png                 物体控制               
               

可应用场景事件,键盘事件,鼠标事件,定时事件等进行编程,实现对场景的触发控制机制。

              

            

                          
                ico_06.png                 事件触发               
               

可应用场景事件、键盘事件、鼠标事件、定时事件等进行编程,实现对场景灵活多样的触发控制机制。

              

            

         

                                    
                ico_07.png                 视角控制               
               

可实现灵活、便捷的场景视角调整控制,实现复杂的视角切换需求。

              

            

                          
                ico_08.png                 数据推送               
               

可将外部数据推送到3D场景内,实现物体信息展示,实时监控等效果展示。

              

            

                          
                ico_09.png                 界面设置               
               

可调用按钮,文本框,复制框以及外部UI资源,在3D场景中构建完整且复杂的应用界面。


admin
2019-2-5 21:45
[attachimg]896432[/attachimg] 来源:http://www.thingjs.com/guide/?m=aboutUs  详情 回复
admin
2019-2-5 21:45:25
楼主
admin 发表于 2019-2-5 21:44
ThingJS 名称源于 物联网 Internet of things(IoT) 中的 Thing (物),意为面向物联网可视化开发的 Javasc ...

about.jpg
来源:http://www.thingjs.com/guide/?m=aboutUs
admin
2019-2-5 22:14
概述[/backcolor]V1.5.1[/backcolor]视频为方便大家学习教程,每章节均提供视频与正文两种方式供大家选择浏览,后文不再赘述[/backcolor]正文ThingJS 名称源于 物联网Internet of Things (IoT)中的 Thing (物),意为  详情 回复
admin
2019-2-5 22:14:20
楼主

概述

视频
为方便大家学习教程,每章节均提供视频与正文两种方式供大家选择浏览,后文不再赘述
正文
ThingJS 名称源于 物联网Internet of Things (IoT)中的 Thing (物),意为面向物联网可视化开发的 Javascript 库。主要针对以一栋或多栋建筑所组成的园区级别的场景,可以应用于数据中心、仓储、学校、医院、安防、预案等多种领域
下图清晰的反映了 ThingJS 在物联网领域中的定位:
procedure.png
ThingJS 基于 HTML5 和 WebGL 技术,可方便地在主流浏览器上进行浏览和调试,支持 PC 和移动设备。ThingJS 为可视化应用提供了简单、丰富的功能,只需要具有基本的 Javascript 开发经验即可上手
ThingJS 提供了对场景的加载、分层级的浏览,对象的访问、搜索、以及对象的多种控制方式和丰富的效果展示,可以通过绑定事件进行各种交互操作,还提供了摄像机视角控制、点线面效果、温湿度云图、界面数据展示、粒子效果等等各种可视化功能
更多功能展示,请参见:在线开发
综合demo展示,请参见:综合Demo
常见问题展示,请参见:常见问题
版本更新内容,请参见:版本记录
快速上手
dbi.png
ThingJS 下载客户端之后,搭建所需场景,搭建之后上传至 ThingJS 个人账户下,即可对其进行下一步开发,本章节将详细对此进行描述:
场景搭建视频正文场景搭建以及导出 ThingJS场景包
  • 新用户可以点击 ThingJS 官网“组件”下的「园区搭建工具」
    img90.png
  • 可点击「立即下载」
    img20.png
  • 下载后可登陆账号,点击工具下的「用户手册」查看使用教程
    img146.png
  • 登陆账号后,如果你有可用的场景,会列在此,可对场景进行搭建,代码调试,离线下载等操作
    img24.png
  • 要新建一个场景,点击上图中的「新建」按钮就打开了场景搭建界面,如下显示
    img23.png
  • 具体的搭建教程,可查看 此处 进行学习
    img1.png



  • 如果要在 ThingJS 中控制搭建的对象,需要对该对象添加 UserID、Name 或者 添加自定义属性
    如下所示:
    CampusThingJS.png
  • 场景搭建完成之后,点击上方「文件」选择导出下的「导出ThingJS场景包」
    img77.png
  • 在弹出框中自动生成文件名,点击「保存」按钮即可将场景 ThingJS 资源包导出
    img80.png



场景上传(用户需在登陆状态下进行)
场景资源上传可通过 控制台上传 或 在线开发上传 完成,我们分别介绍:
  • 控制台上传


    • 点击 ThingJS 官网导航栏右侧「控制台」,即可进入「我的项目」
      img134.png
    • 选择左侧列表中的「我的资源」,点击切换
      img139.png
    • 点击「上传场景」,进行上传
      img140.png
    • 在弹出层中点击「选择文件」,选择已导出的 ThingJS 资源包,点击「立即上传」
      img141.png
    • 上传成功后即可选择「开发」,「复制地址」,「预览」,「删除」等操作
      img3.png


  • 在线开发上传


    • 点击 ThingJS 网站中的「在线开发」
      img21.png
    • 选择「新建」
      img25.png
    • 点击「上传场景」按钮
      img34.png
    • 在弹出框上点击「选择文件」按钮,选择需要上传的场景,选择后点击「立即上传」
      img41.png
    • 上传成功后即可点击「开始」按钮,快速进入在线开发
      img44.png



在线开发后续操作详见 在线开发
在线开发视频正文
我们很简单就加载了一个 3D 场景,接下来我们在 3D 场景内添加一个物体更加简单快捷

  • 将光标放至之前的已有代码下方,方便添加后续代码
  • 选择上方「资源」,在出现列表中选择模型资源
    img45.png
  • 再出来的界面中点击选中需要的模型即可在左侧自动生成代码
    img46.png
  • 点击执行代码,右侧查看效果
    img54.png


在 ThingJS 的 3D 世界中还有隐藏的很多爽 cool 功能,让我们继续一窥究竟
ThingJS优势视频正文
ThingJS 平台的推出,解决了传统 3D 开发人员投入大、开发效率低、场景制作周期长、模型无法复用、系统部署复杂的问题
db.png

高级模式
游客
返回顶部