自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

宇叔儿

每个人都是通过自己的努力,去实现自己想要的生活

  • 博客(13)
  • 资源 (1)
  • 收藏
  • 关注

原创 ThingJS1.0API学习使用总结

文章声明,此文章为本人方便查找使用,学习积累ThingJSAPI的个人总结,原创API请查看ThingJS官网http://www.thingjs.com!!

2024-05-23 10:41:53 1107

原创 ThingJS实现电子围栏功能

以上功能的实现,里面涉及了一个绘制电子围栏区域的小工具,代码未呈现出来。场景1:在场(厂)内作业中,叉车作为特种设备,必须按要求在场(厂)内行驶,未获得监管部门允许,不得私自驶入场(厂)外道路。此时,需要智能终端设备能对厂车的行驶区域做监管预警,防止车辆未按规定区域行驶,这就用到了电子围栏。当设备位置超出/驶出电子围栏区域时,设备触发报警并上报平台预警。文章中使用的API,可通过ThingJS的API文档查看学习。场景2:监所里看管犯人,如果犯人离开了管控区域,则发生报警。废话不多说,先上个效果图。

2024-05-23 09:58:55 385

原创 ThingJS实现面板与物体对象的连线

2D面板与三维物体的之间进行连线,对于可视化的呈现会更加直观,并且有联动的效果。实现原理:1、获取面板与对象点位集合,将2D信息面板的坐标转成3D坐标2、创建类型为Line的像素线3、当物体移动时,使用update方法,不断更新物体位置,达到物体与2D面板一直处于连接状态

2024-05-22 17:29:27 288

原创 CSS 三角形生成器

一款使用纯 CSS 制作三角箭头的工具,它提供了一个直观的界面,来生成三角形状,可实时预览形状效果。本工具支持自定义三角形大小、颜色、方向、边框等属性,最终会生成对应的 CSS 代码,生成的 CSS 代码可直接用于你的项目中

2024-05-24 10:29:27 290

原创 Element-UI自定义主题换肤

在使用Element-UI进行开发时,需要用到饿了么的组件,但是样式却与我们的项目不匹配,这时候我们就可以在自己的项目中实现自定义主题换肤,具体操作步骤如下

2024-05-24 10:22:01 641

原创 APIJSON语法使用,超详细

APIJSON介绍:APIJSON赋予了前端极大的灵活性和自主性。根据业务需求前端可以自己设计数据库表结构,不再受限于后台接口,要啥有啥,所求即所得,大大提升了开发效率。APIJSON 是一种专为 API 而生的 JSON 网络传输协议 以及 基于这套协议实现的 ORM 库。为各种增删改查提供了完全自动化的万能 API,零代码实时满足千变万化的各种新增和变更需求。能大幅降低开发和沟通成本,简化开发流程,缩短开发周期。

2024-05-24 10:04:53 2696 4

原创 vue3+vite项目打包文件混淆加密

给JS文件进行混淆加密的主要原因是为了增加代码的安全性并保护知识产权。具体来说,混淆加密技术通过改变JS代码的语法形式、增加多余的代码结构、添加无用的标识符、重命名变量等方式,使代码变得混乱无序,难以被理解和分析。这种处理可以有效地防止黑客攻击和非法访问,因为混淆加密后的代码使得攻击者难以阅读和理解代码的逻辑和结构,从而增加了破解代码的难度。同时,混淆加密还可以防止其他人轻易窃取和复制这些代码,从而保护软件开发者和企业的知识产权,防止他们的代码被恶意篡改、复制或盗用。

2024-05-23 15:25:11 2354

原创 ThingJS实现线路采集的方法

在项目开发中,我们应用遇到以下业务场景,比如:规划巡检路线、按规划路线模拟第一人称视角漫游、场景中呈现管线分布等等。都需要进行线路的采集,通过得到的点位连成线,来实现以上功能。以上代码,放到控制台运行,就可以在场景中进行点击,并且绘制出一条线路。控制台可以打印出当前采集的点位集合。如果采集过程中,有些点位采集错误,不想要了怎么办?关于点位相关的API扩展知识。

2024-05-23 09:52:38 130

原创 ThingJS初级-查询语句

ThingJS查询对象的方式

2024-05-22 17:33:59 136

原创 ThingJS做项目需要多种设备状态怎么办?戳进来,我教你~

使用ThingJS开发项目时,经常会遇到一个设备会有多种状态,比如:设备在线\离线、告警、鼠标移入移出状态、设备选中的状态等。那么想要更好的管理这些状态,我们就需要一个设备状态管理。而且设备不止这一种,我们的设备有摄像头、门禁、灯杆、消防栓、机柜、烟感等等,都想要使用这一套状态怎么办?别急,下面我们就来教你怎么解决这个问题在ThingJS的开发平台上,给我们开放了自定义类的方法,供我们定义自己的类注意:想要使用自定义类,我们得需要先定义再注册第一步:定义类使用ES6的语法定义一个类,我.

2021-02-04 15:45:22 566

原创 ThingJS之动态天气效果

> 使用ThingJS快速编写天气效果,比如:晴天、动态时间天空、下雨、下雪(可以控制雨雪大小)、雾效果、白天黑夜效果等,可以通过对接第三方的数据,实时控制三维场景的效果(比如:对接天气接口)### 动态时间天空天空的状态会跟随当前时间点进行变化,每个小时,太阳所在的位置都会不同,照射在场景上的影子方向也不同,通过动态时间天空,我们就可以模拟现实生活中的一天24小时天空的变化![效果图.png](https://upload-images.jianshu.io/upload_images/

2021-02-04 11:34:36 1744

原创 浅谈ThingJs之对象查询方法

在开发中,引入了场景,添加了对象,那我们如何尽快的找到对象呢?方法如下:1.在父类/子类树上,通过parent、children属性找到要控制的对象2.在分类对象属性树上,通过类身上分类属性找到要控制的对象3.使用query方法ThingJS 的 query 方法,包括 全局 和 局部,全局查询是对场景内的所有对象进行查询;局部查询 是在一个对象的子对象中进行查询,如在一个楼层...

2018-11-20 10:04:31 2499

原创 ThingJs3DMarker标记在可视化场景中的使用

总结一下ThingJs的常用Marker使用及不同类型之间的区别Marker 是3D场景内的标记,往往用于顶牌,可以传入div, image或canvas写文字,可以拾取、跟随物体、和物体一并删除1.UI界面UI界面,直接采用dom元素做界面,主要职责是要更新位置,根本就没有新THREE的Object产生,完全是同步;效果图实现代码如下:HTML部分 <!-...

2018-11-12 15:07:31 2780

兰途科技官网——前端网站源代码

此网站属于前台网站,页面内容丰富,特效炫酷,使用css3媒体查询,js特效,响应式网站。

2017-10-26

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除