ThingJs3D开发
文章平均质量分 55
袁宇宙中有朵云
少抱怨,多思考
展开
-
ThingJS1.0API学习使用总结
文章声明,此文章为本人方便查找使用,学习积累ThingJSAPI的个人总结,原创API请查看ThingJS官网http://www.thingjs.com!!原创 2024-05-23 10:41:53 · 1108 阅读 · 0 评论 -
ThingJS实现电子围栏功能
以上功能的实现,里面涉及了一个绘制电子围栏区域的小工具,代码未呈现出来。场景1:在场(厂)内作业中,叉车作为特种设备,必须按要求在场(厂)内行驶,未获得监管部门允许,不得私自驶入场(厂)外道路。此时,需要智能终端设备能对厂车的行驶区域做监管预警,防止车辆未按规定区域行驶,这就用到了电子围栏。当设备位置超出/驶出电子围栏区域时,设备触发报警并上报平台预警。文章中使用的API,可通过ThingJS的API文档查看学习。场景2:监所里看管犯人,如果犯人离开了管控区域,则发生报警。废话不多说,先上个效果图。原创 2024-05-23 09:58:55 · 388 阅读 · 0 评论 -
ThingJS实现线路采集的方法
在项目开发中,我们应用遇到以下业务场景,比如:规划巡检路线、按规划路线模拟第一人称视角漫游、场景中呈现管线分布等等。都需要进行线路的采集,通过得到的点位连成线,来实现以上功能。以上代码,放到控制台运行,就可以在场景中进行点击,并且绘制出一条线路。控制台可以打印出当前采集的点位集合。如果采集过程中,有些点位采集错误,不想要了怎么办?关于点位相关的API扩展知识。原创 2024-05-23 09:52:38 · 131 阅读 · 0 评论 -
ThingJS实现面板与物体对象的连线
2D面板与三维物体的之间进行连线,对于可视化的呈现会更加直观,并且有联动的效果。实现原理:1、获取面板与对象点位集合,将2D信息面板的坐标转成3D坐标2、创建类型为Line的像素线3、当物体移动时,使用update方法,不断更新物体位置,达到物体与2D面板一直处于连接状态原创 2024-05-22 17:29:27 · 291 阅读 · 0 评论 -
ThingJS初级-查询语句
ThingJS查询对象的方式原创 2024-05-22 17:33:59 · 137 阅读 · 0 评论 -
ThingJS做项目需要多种设备状态怎么办?戳进来,我教你~
使用ThingJS开发项目时,经常会遇到一个设备会有多种状态,比如:设备在线\离线、告警、鼠标移入移出状态、设备选中的状态等。那么想要更好的管理这些状态,我们就需要一个设备状态管理。而且设备不止这一种,我们的设备有摄像头、门禁、灯杆、消防栓、机柜、烟感等等,都想要使用这一套状态怎么办?别急,下面我们就来教你怎么解决这个问题在ThingJS的开发平台上,给我们开放了自定义类的方法,供我们定义自己的类注意:想要使用自定义类,我们得需要先定义再注册第一步:定义类使用ES6的语法定义一个类,我.原创 2021-02-04 15:45:22 · 568 阅读 · 0 评论 -
ThingJS之动态天气效果
> 使用ThingJS快速编写天气效果,比如:晴天、动态时间天空、下雨、下雪(可以控制雨雪大小)、雾效果、白天黑夜效果等,可以通过对接第三方的数据,实时控制三维场景的效果(比如:对接天气接口)### 动态时间天空天空的状态会跟随当前时间点进行变化,每个小时,太阳所在的位置都会不同,照射在场景上的影子方向也不同,通过动态时间天空,我们就可以模拟现实生活中的一天24小时天空的变化![效果图.png](https://upload-images.jianshu.io/upload_images/原创 2021-02-04 11:34:36 · 1748 阅读 · 0 评论 -
浅谈ThingJs之对象查询方法
在开发中,引入了场景,添加了对象,那我们如何尽快的找到对象呢?方法如下:1.在父类/子类树上,通过parent、children属性找到要控制的对象2.在分类对象属性树上,通过类身上分类属性找到要控制的对象3.使用query方法ThingJS 的 query 方法,包括 全局 和 局部,全局查询是对场景内的所有对象进行查询;局部查询 是在一个对象的子对象中进行查询,如在一个楼层...原创 2018-11-20 10:04:31 · 2501 阅读 · 0 评论 -
ThingJs3DMarker标记在可视化场景中的使用
总结一下ThingJs的常用Marker使用及不同类型之间的区别Marker 是3D场景内的标记,往往用于顶牌,可以传入div, image或canvas写文字,可以拾取、跟随物体、和物体一并删除1.UI界面UI界面,直接采用dom元素做界面,主要职责是要更新位置,根本就没有新THREE的Object产生,完全是同步;效果图实现代码如下:HTML部分 <!-...原创 2018-11-12 15:07:31 · 2782 阅读 · 0 评论