0x00 楔子 最近做的一个项目，是一个油田三维可视化监控的场景编辑和监控的系统，和三维组态有些类似，不过主要用于油田上。 效果如下图所示： 首先当然是上模型，设计人员跟进。 有了相关的模型，使用我们开发的一个编辑器，通过模型拖拽编辑，管路编辑等等，很快就能够编辑出以上的场景： 一切进展的都很顺利。 ...
说到Javascript引擎，很多人既熟悉又陌生。因为虽然每天都在写很多js代码，但对于其原理及运行机制还不是很熟悉。这在系统资源充足的情况下缺陷显露不出来，但在有性能需求或是不同浏览器上需要兼容时可能问题就冒出来了。所以明白引擎的工作原理还是非常有必要的。 那什么算是引擎呢？个人觉得再计算机领域， ...
分类：
编程语言 时间：
2020-01-13 01:12:50
阅读次数：
120
前言：以为在学完了COMP30019后，应该不会再接触Unity了，没想到之后实习让我去做把一个Unity项目转到WebGL，而关于Unity的WebGL资料很少，基本除了Unity的Manual就只能看别人零星的记录了。遇到了一堆问题，可能以后会也写在博客上。 浏览器默认禁止从file里直接运行W ...
分类：
编程语言 时间：
2020-01-11 10:13:44
阅读次数：
205
现代工业化的推进在极大加速现代化进程的同时也带来的相应的安全隐患，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该 3D 场景从正面展示了一个现代化工厂的现实... ...
分类：
Web程序 时间：
2020-01-09 10:37:22
阅读次数：
152
一、实时视频投放的原理是? 将rtsp的视频流利用websocket推送给前端，video元素来播放视频。在三维场景中设置视频投放观察者的位置（监控设备的位置）和相关参数，形成一个固定方向和范围的视锥体，该视椎体与三维模型缓存相交的部分，即为投放视频或者图片的区域。（如下图） WebGL中对应的接口 ...
分类：
其他好文 时间：
2020-01-06 10:01:11
阅读次数：
92
课程介绍:适用于对WebGL、Three.js等3D技术感兴趣，却不知道如何入门的同学， 课程带领大家深入理解WebGL的原理。课程目录:├─01-基础部分│ 01-WebGL与three.js的基础、与opengl的关系.mp4│ 02-编写第一个three.js程序.mp4│ 03-three. ...
分类：
Web程序 时间：
2020-01-06 09:27:48
阅读次数：
160
``` webGL绘制图形 你的浏览器不支持canvas元素 ``` ...
分类：
Web程序 时间：
2020-01-05 13:35:43
阅读次数：
108
前言 工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品 ...
分类：
Web程序 时间：
2020-01-02 14:14:19
阅读次数：
144
近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过 Hightopo 的 HT for Web 产品来搭建的一款 无人机 3D 可视化系统，通过对无人机及其信息的全景展示来模拟无... ...
分类：
Web程序 时间：
2019-12-31 17:07:32
阅读次数：
114
近年来，无人机的发展越发迅速，既可民用于航拍，又可军用于侦察，涉及行业广泛，也被称为“会飞的照相机”。但作为军事使用，无人机的各项性能要求更加严格、重要。本系统则是通过 Hightopo 的 HT for Web 产品来搭建的一款 无人机 3D 可视化系统，通过对无人机及其信息的全景展示来模拟无... ...
分类：
Web程序 时间：
2019-12-30 09:41:35
阅读次数：
107
