基于 HTML5 WebGL 的 3D 风机 Web 组态工业互联网应用

前言 在目前大数据时代背景之下,数据可视化的需求也变得越来越庞大,在数据可视化的背景之下,通过智能机器间的链接并最终将人机链接,结合软件和大数据分析的工业互联网也将变得越来越容易实...

2019/09/16 07:46
2.1K
基于 HTML5 Canvas 的 3D 渲染引擎构建生产管控系统

前言 这一期为大家带来一个非常好玩的 demo,我们制作一套自己的 3D 管道控制系统,运用了( http://www.hightopo.com )HT 的 Graph3dView 组件通过对 WebGL 底层技术的封装,与 HT 其他组件...

2019/09/09 07:31
1.2K
基于 HTML5 Canvas 的拓扑组件开发

在现在前端圈大行其道的 React 和 Vue 中,可复用的组件可能是他们大受欢迎的原因之一, 在 HT 的产品中也有组件的概念,不过在 HT 中组件的开发是依托于 HTML5 Canvas 的技术去实现的, 也就...

2019/08/26 07:38
712
基于 HTML5 Canvas 的可交互旋钮组件

前言 此次的 Demo 效果如下: Demo 链接:https://hightopo.com/demo/comp-knob/ 整体思路 组件参数 绘制旋钮 绘制刻度 绘制指针 绘制标尺 绘制文本 交互效果 1.组件参数 以下是下文会使用到...

2019/08/19 08:10
832
基于 HTML5 Canvas 的元素周期表展示

前言 之前在网上看到别人写的有关元素周期表的文章,深深的勾起了一波回忆,记忆里初中时期背的“氢氦锂铍硼,碳氮氧氟氖,钠镁铝硅磷,硫氯氩钾钙”、“养(氧)龟(硅)铝铁盖(钙),哪(...

2019/08/14 08:07
1.3K
基于 HTML5 的电力接线图 SCADA 应用

前言 在电力、油田燃气、供水管网等工业自动化领域 Web SCADA 的概念已经提出了多年,早些年的 Web SCADA 前端技术大部分还是基于 Flex、Silverlight 甚至 Applet 这样的重客户端方案,在 HT...

2019/06/10 07:53
1.4K
基于 HTML5 网络拓扑图的快速开发之入门篇(二)

前言 上一篇我们绘制了一个 graphView 场景,在场景之上通过 graphView.dm() 获取数据容器,并通过 graphView.dm().add() 函数添加了两个 Node 节点,并通过 setPosition 设置节点位置以及 ...

2019/06/06 06:40
409
基于 HTML5 网络拓扑图的快速开发之入门篇(一)

前言 计算机网络的拓扑结构是引用拓扑学中研究与大小,形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点,把传输介质抽象为一条线,由点和线组成的几何图形就是计算机网...

2019/06/05 07:39
1.3K
基于 HTML5 WebGL 的 3D 场景中的灯光效果

前言 构建 3D 的场景除了创建模型,对模型设置颜色和贴图外,还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强,所以拿出来给大家分享一下。 本例地址:...

2019/06/04 07:22
627
基于 HTML5 WebGL 的挖掘机 3D 可视化应用

前言 在工业互联网以及物联网的影响下,人们对于机械的管理,机械的可视化,机械的操作可视化提出了更高的要求。如何在一个系统中完整的显示机械的运行情况,机械的运行轨迹,或者机械的机械...

2019/05/14 08:01
1.4K
基于 WebGL 的 HTML5 3D 智能楼宇监控系统

前言 智能监控的领域已经涉及到了各大领域,工控、电信、电力、轨道交通、航天航空等等,为了减少人员的消耗,监控系统必不可少。之前我写过一篇 2D 的智能地铁监控系统广受好评,突然觉得,...

2019/05/09 07:49
970
基于 WebGL 的 HTML5 3D SCADA 主站系统

前言 这个例子的初衷是模拟服务器与客户端的通信,我把整个需求简化变成了今天的这个例子。3D 的模拟一般需要鹰眼来辅助的,这样找产品以及整个空间的概括会比较明确,在这个例子中我也加了,...

2019/05/07 07:58
632
基于 HTML5 WebGL 智能城市的模拟运行

前言 智能城市是一个系统。也称为网络城市、数字化城市、信息城市。 智能城市建设是一个系统工程:首先实现的是城市管理智能化,由智能城市管理系统辅助管理城市,通过管理系统人们可以监视城...

2019/05/05 07:56
2K
基于 HTML5 WebGL 的 3D 渲染引擎构建工厂运作系统

前言 今天为大家带来一个很酷的作品,依然运用了强大的 HT for Web 的 3D 图形组件,动作流畅性能好,大家可以先来欣赏一下效果! 点我进入! 整体风格为科技金属风,制作精良,由于上传 gi...

2019/04/30 07:38
1.5K
基于 HTML5 WebGL 的计量站三维可视化监控系统 Web 组态工控应用

前言 得益于 HTML5 WebGL 技术的成熟,从技术上对工控管理的可视化,数据可视化变得简单易行!完成对工控设备的管理效率,资源管理,风险管理等的大幅度提高,同时也对国家工业4.0计划作出有...

2019/04/29 07:46
1.4K
基于 HTML5 WebGL 的地铁站 3D 可视化系统

前言 工业互联网,物联网,可视化等名词在我们现在信息化的大背景下已经是耳熟能详,日常生活的交通,出行,吃穿等可能都可以用信息化的方式来为我们表达,在传统的可视化监控领域,一般都是...

2019/04/26 07:18
639
基于 HTML5 的 WebGL 楼宇自控 3D 可视化监控

前言 智慧楼宇和人们的生活息息相关,楼宇智能化程度的提高,会极大程度的改善人们的生活品质,在当前工业互联网大背景下受到很大关注。目前智慧楼宇可视化监控的主要优点包括: 智慧化 -- 智...

2019/04/25 07:17
1.2K
基于 HTML5 的 WebGL 3D 档案馆可视化管理系统

前言 档案管理系统是通过建立统一的标准以规范整个文件管理,包括规范各业务系统的文件管理的完整的档案资源信息共享服务平台,主要实现档案流水化采集功能。为企事业单位的档案现代化管理,...

2018/09/03 08:35
2.1K

没有更多内容

加载失败,请刷新页面