迅速了解如何使用ThingJS!

快速学会怎么使用ThingJS在线开发平台!

新手如何使用ThingJS开发三维可视化解决方案?对于ThingJS的许多功能都感觉不了解?使用ThingJS平台云里雾里?看看这个帖子吧!让前端工程师迅速熟悉ThingJS在线开发平台功能,让你减少向大佬求助的次数!提高开发效率!

先介绍一下ThingJS是什么吧,ThingJS是新一代的物联网可视化PaaS平台,使用的是thingjs 这个3D JavaScript库,和同属于webgl协议下的threejs较为相似,但是发展的方向不太一致:threejs开源、免费,功能强大,使用threejs就能搭建精美场景以及制作炫酷的物联网可视化解决方案,缺点就是复杂,涉及的知识面广,对新手不友好;thingjs不开源、由专业团队独立研发,目前商业开发者使用thingjs发布项目是收费的,thingjs只对个人开发者免费使用,功能也较为全面,对于开发物联网可视化解决方案来说,thingjs已经是绰绰有余了,当然,对于会使用更难但更为全面的threejs的大牛们来说,thingjs就封装得太彻底了一点,threejs的三大核心,场景、摄像机、渲染器,渲染器的使用还是较为复杂的,但是thingjs针对新手干了一些好事,就是可以使用面板的方式调整场景效果,这对于大牛来说可能就不咋样了,大牛们希望的是自己去操作,而正常人和普通人的思想是能用就行,所以thingjs和threejs的技术出发点以及面向的人群都是不一致的。

那么thingjs提供了哪些简化三维可视化开发的操作呢?

本次就只介绍ThingJS平台在线开发中一些方便之处:

一、快捷代码

ThingJS网站在线开发平台中提供快捷代码的方式来辅助开发,使用方法如下:鼠标放置在左上角快捷代码处,选择栏目,然后双击对应功能,点击该功能即可出现在当前项目上(温馨贴士提醒您,请注意代码出现的位置问题,出现的代码位置需要按照个人要求来进行调整,快捷代码出现的位置为鼠标光标最后一次出现在项目中的位置。)

二、官方示例

ThingJS网站在线开发平台中提供官方示例来对于thingjs中的api进行熟悉与了解,(温馨贴士提醒您,您可以在左上角搜索相关功能,同事每个示例都是有注释的,您可以运行查看结果并且可以试着去修改)

三、场景效果

ThingJS网站在线开发平台中提供场景效果面板来设置场景效果,使用方法很简单,点击场景效果按钮,会弹出场景效果的调试面板,调试完想要的效果,即可点击生成代码块放在项目中使用。

四、场景信息

ThingJS网站在线开发平台中提供场景信息面板来查看场景中的信息,这个有助于查看对象父子关系,更能直接查看到物体所含有的属性,同时场景信息中,每个模型后都有一个定位按钮,点击该按钮即可定位到该模型。

ThingJS,简化物联网开发难度!

原文地址:https://www.cnblogs.com/thingjs/p/12939230.html