分享
查看: 2236|回复: 0

[分享] 前端工程师使用thingjs平台小技巧

[复制链接]

前端工程师使用thingjs平台小技巧

发表于 2020-4-26 17:22:59 来自 分享 阅读模式 倒序浏览
zzv_icon2236 zzr_icon0 查看全部

这是给我们这些前端工程师使用thingjs平台所写的一些小技巧,是为了方便前端人员更快速的开发三维可视化项目所写的。

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

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

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

一、快捷代码

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

前端工程师使用thingjs平台小技巧


二、官方示例

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

前端工程师使用thingjs平台小技巧


三、场景效果

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


四、场景信息

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

前端工程师使用thingjs平台小技巧


这样子大家在使用ThingJS网站的在线开发是不是更加轻松方便了呢?欢迎大家留言讨论如何使用ThingJS、让ThingJS的使用更加简单哟~

avatar
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

130700ppkpl8x3t7tt1b1t