hightopo
文章平均质量分 90
图扑软件
图扑提供 Web 端的 UI/2D/3D、GIS、BIM 及 VR/AR 等可视化相关解决方案,自研核心引擎 HT for Web 提供图形化组态 SCADA 能力,支持构建 PaaS/SaaS 低代码数字孪生工业组态平台。普遍应用于智慧城市、智慧园区、智慧楼宇、智慧工厂、智能制造、智慧水务、智慧能源、智慧光伏、智慧风电、智慧电力、新基建、智慧运维、智慧政务、智慧交通、国防公安、智慧医疗、金融、科研等工业互联网各行业的数字孪生、数据可视化项目。hightopo.com
展开
-
图扑这样设计高质量可视化大屏
在图扑软件自研 HT for Web 产品技术应用相当纯熟的今天,所搭建的可视化大屏上生动的动画效果、丰富的色彩运用以及数字孪生与物联网的融合应用,俘获了各行各业用户的眼球。原创 2024-04-16 11:25:14 · 894 阅读 · 0 评论 -
图扑 HT for Web 手机端运维管理系统
随着信息技术的快速发展,网络技术的应用涉及到人们生活的方方面面。其中,手机运维管理系统可提供数字化、智能化的方式,帮助企业和组织管理监控企业的 IT 环境,提高运维效率、降低维护成本、增强安全性、提升服务质量,并支持企业实现数字化转型,满足客户需求和市场竞争力至关重要。原创 2023-11-01 00:00:00 · 282 阅读 · 0 评论 -
图扑 HT for Web 风格属性手册教程
风格手册可以帮助开发人员在样式设定过程中快速查找所需属性,并了解其用途和影响范围。通过风格手册,开发人员可以更加高效地调整图元的样式,减少查找和理解样式属性的工作量。原创 2023-10-12 00:00:00 · 307 阅读 · 0 评论 -
图扑软件受邀亮相 IOTE 2023 国际物联网展
IOTE 2023 国际物联网展,作为全球物联网领域的盛会,于 9 月 20 日 - 22 日在中国深圳拉开帷幕。本届展会以“IoT构建数字经济底座”为主题,由深圳市物联网产业协会主办,打造当前物联网最新科技大秀。促进物联网与各行业深度融合,加强国际交流与合作,为构建数字经济底座贡献力量。原创 2023-09-28 10:28:43 · 2076 阅读 · 0 评论 -
展会预告 | 图扑邀您共聚 IOTE 国际物联网展·深圳站
IOTE 2023 第二十届国际物联网展·深圳站,将于 9 月 20 日- 22 日在深圳国际会展中心(宝安)9、10、11 号馆震撼来袭。本届展会以“IoT 构建数字经济底座”为主题,将 IoT 技术引入实体经济领域,促进数字化转型和智能化升级,推进智能家居、工业互联网、智慧城市、智慧医疗等多个领域的数智化深度融合,共同推动全球数字经济的繁荣与进步。原创 2023-09-18 10:57:35 · 477 阅读 · 0 评论 -
图扑 Web 可视化引擎在仿真分析领域的应用
图扑软件是基于 WebGL 的三维可视化引擎,在 WebGL 基础上封装了基本的三维模型创建、呈现的 API。同时还封装了丰富的数学运算库,涵盖多维变换,几何计算等。原创 2022-07-15 11:38:20 · 655 阅读 · 0 评论 -
节能减排绿色电力,可视化打造智慧虚拟电厂
以上海市商业型虚拟电厂为例,通过图扑的 HT 可视化集成各 DG 的数据,从资源管理、实时状态监测、负荷预测、发电任务管理、发电任务追溯、运行效果决策六个方面阐述“虚拟电厂”的运作流程。原创 2021-11-23 15:38:00 · 1653 阅读 · 0 评论 -
浅谈可视化设计-数据时代的美味“烹饪师”(下篇)
目录:什么是大屏数据可视化设计流程介绍结合情感打造二维设计美感构建空间感&二维与三维的融合小结结合情感打造二维设计美感上篇我们讲到了《可视化设计-数据时代的美味制造者(上篇)》,分析完了逻辑性的可视化概念与设计流程。接下来让我们开始具体的讲解可视化设计进行中的设计方法。首先,想要设计出一个好看的可视化大屏,艺术性是必不可少的。所以第一步我们来走进数据艺术的世界中,从理性走入感性,体会相斥相吸所碰撞出的艺术火花给人带来的视觉盛宴。1.走进数据艺术在数据.原创 2020-09-16 22:13:13 · 453 阅读 · 0 评论 -
浅谈可视化设计-数据时代的美味“烹饪师”(上篇)
目录:1. 什么是大屏数据可视化2. 设计流程介绍3. 结合情感打造二维设计美感4. 构建空间感&二维与三位的融合5. 小结还记得大学学设计的时候学院里流传了一句话:“有百分之八十的设计师都幻想着成为一名厨师。”我之前从未细品过这句话的缘由,只觉得是同学们之间的玩笑。在我大二的时候有幸与一位懂烹饪的学姐一起租房。从那个时候开始,我受她的影响也开始对烹饪着迷。我渐渐的发现,烹饪其实与设计是非常相似的:食材的选择,调味料的选择,切菜炒菜的技法,烹煮的方式,摆盘的方式,菜品的颜色控制,甚.原创 2020-09-09 22:44:24 · 423 阅读 · 0 评论 -
分享 HT 实用技巧:实现指南针和 3D 魔方导航
前言三维场景时常需要一个导航标识,用来确定场景所处的方位。一般有两种表现形式:指南针、小方盒(方位魔方)。参考一下百度百科中的 maya 界面,可以看到右上角有一个标识方位的小盒子,说的就是它:Hightopo 的 HT for Web 产品可以很方便地构造轻量化的 3D 可视化场景,在 web 端 我们可以利用 HT 2D 引擎 和 3D 渲染引擎 来实现这个功能,搭建一个简易的类 maya 操作界面。预览地址: https://www.hightopo.com/demo/compass-an原创 2020-06-27 23:51:15 · 838 阅读 · 0 评论 -
基于 HTML5 WebGL 的污水处理厂泵站自控系统
前言一道残阳铺水中,半江瑟瑟半江红。随着城市建设的迅速发展,每年都有大量新建管网水管通水运行。城市中有大量的排水设备,形成相应的城市排水系统,排水系统由检查井、排水泵站、污水处理厂、雨水口、排放口等等组成,排水设备中的检查井、雨水口、排放口等通过排水管网进行连接,日常的雨污水进入排水管网进行运输排放。目前,城市排水管网具有结构庞大,结构错综复杂等特点,现有技术中,对城市排水管网的监测、监控仍停留...原创 2020-04-28 23:59:58 · 1550 阅读 · 0 评论 -
基于 HTML5 WebGL 的 3D 风机可视化系统
前言 许多世纪以来,风力机同水力机械一样,作为动力源替代人力、畜力,对生产力的发展发挥过重要作用。近代机电动力的广泛应用以及二十世纪50年代中东油田的发现,使风机发电机的发展缓慢下来。70年代初期,由于“石油危机”,出现了能源紧张的问题,人们认识到常规矿物能源供应的不稳定性和有限性,于是寻求清洁的可再生能源遂成为现代世界的一个重要课题。风能作为可再生的、无污染的自然能源又重新引起了人们重...原创 2020-02-21 19:30:37 · 3416 阅读 · 2 评论 -
基于 HTML5 + WebGL 的太阳系 3D 展示系统
前言近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来越近,人们对未知文明的关注和对宇宙空间的好奇达到了前所未有的高度。站在更高的立足点上,作为人类这个物种中的一员,我们理所应当对我们生活的星球、所在的太阳系有一定的认识,对 8 大行星各自的运行轨道、质...原创 2020-02-19 10:33:24 · 965 阅读 · 0 评论 -
基于 HTML5 WebGL 的 3D 工控裙房系统
前言工业物联网在中国的发展如火如荼,网络基础设施建设,以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况:一方面是大型通讯、IT企业的布局;一方面是传统工业软件和工业网络企业自发地延伸,由产品提供商发展为方案供应商。什么叫做裙房?裙房是指附属于主高楼并与之连成一体的低层建筑。本文的 Demo 是针对于裙房做的,但是在工业监控系统中有很多雷同...原创 2019-10-23 11:20:38 · 532 阅读 · 0 评论 -
电信资源管理系统:基于 H5 叠加 OpenLayers3 GIS
前言通过结合 HTML5 和 OpenLayers 可以组合成非常棒的一个电信地图网络拓扑图的应用,形成的效果可以用来作为电信资源管理系统,美食定位分享软件,片区找房,绘制铁轨线路等等,各个领域都能够涉及的一款应用。虽然这个 Demo 是结合 OpenLayers3 的,其实还可推广到与 ArcGIS、百度地图以及 GoogleMap 等众多 GIS 地图引擎融合。http://www...原创 2019-10-13 15:32:52 · 498 阅读 · 0 评论 -
基于 HTML5 的结合互联网+ 的 3D 隧道
前言目前,物资采购和人力成本是隧道业发展的两大瓶颈。比如依靠民间借贷,融资成本很高;采购价格不透明,没有增值税发票;还有项目管控和供应链管理的问题。成本在不断上升,利润在不断下降,隧道产业的“互联网+”迫在眉睫。隧道业的机械化程度高,机械制造和采购成本非常大,此外,隧道业的发展还面临建筑市场的严峻考验。“互联网+”提供大数据、信息流,为传统隧道企业由机械化向数字化挺进提供了机遇,隧道产业的建设...原创 2019-10-12 10:45:11 · 392 阅读 · 0 评论 -
玩转 HTML5 下 WebGL 的 3D 模型交并补
建设性的立体几何具有许多实际用途,它用于需要简单几何对象的情况下,或者数学精度很重要的地方,几乎所有的工程 CAD 软件包都使用 CSG(可以用于表示刀具切削,以及零件必须配合在一起的特征)。CSG 是 Constructive Solid Geometry 建模技术的简称,通过裁剪 subtract、融合 union 和相交 intersect 的运算,组合出复杂模型效果,HT 封装了 ht...原创 2017-11-09 07:29:39 · 203 阅读 · 0 评论 -
Web SCADA 电力接线图工控组态编辑器
前言SVG并非仅仅是一种图像格式, 由于它是一种基于XML的语言,也就意味着它继承了XML的跨平台性和可扩展性,从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中,而SVG文档中也可以嵌入其他的XML内容,各个不同的SVG图形可以方便地组合, 构成新的SVG图形。这个 Demo 运用的技术基于 HTML5 的技术适应了只能电网调度、配电网运行监控与配电网运维管控,通过移...原创 2018-04-16 07:34:22 · 1269 阅读 · 1 评论 -
基于 HTML5 的 WebGL 3D 智能楼宇监控系统
前言智能监控的领域已经涉及到了各大领域,工控、电信、电力、轨道交通、航天航空等等,为了减少人员的消耗,监控系统必不可少。之前我写过一篇 2D 的智能地铁监控系统广受好评,突然觉得,既然 2D 的这么受欢迎,那么 3D 的需求量肯定也是非常大的,3D 毕竟比 2D 来说还是更直观一些,于是有了这个例子以及这篇文章。智能监控系统在 3D 中应用比较广泛的除了 3D 机房以外,我觉得就是楼宇的监控...2018-04-23 09:41:14 · 636 阅读 · 1 评论 -
基于 HTML5 Canvas 的电信机柜 U 位动态管理
前言U 是一种表示服务器外部尺寸的单位,是 unit 的缩略语,详细的尺寸由作为业界团体的美国电子工业协会(EIA)所决定。之所以要规定服务器的尺寸,是为了使服务器保持适当的尺寸以便放在铁质或铝质的机架上。机架上有固定服务器的螺孔,以便它能与服务器的螺孔对上号,再用螺丝加以固定好,以方便安装每一部服务器所需要的空间。规定的尺寸是服务器的宽(48.26cm=19 英寸)与高(4.445cm ...2018-05-07 10:19:15 · 441 阅读 · 0 评论 -
基于 HTML5 OpenLayers3 实现 GIS 电信资源管理系统
前言通过结合 HTML5 和 OpenLayers 可以组合成非常棒的一个电信地图网络拓扑图的应用,形成的效果可以用来作为电信资源管理系统,美食定位分享软件,片区找房,绘制铁轨线路等等,各个领域都能够涉及的一款应用。虽然这个 Demo 是结合 OpenLayers3 的,其实还可推广到与 ArcGIS、百度地图以及 GoogleMap 等众多 GIS 地图引擎融合。http://w...2018-05-23 10:01:16 · 456 阅读 · 0 评论 -
基于 HTML5 的 WebGL 3D 版俄罗斯方块
前言摘要:2D 的俄罗斯方块已经被人玩烂了,突发奇想就做了个 3D 的游戏机,用来玩俄罗斯方块。。。实现的基本想法是先在 2D 上实现俄罗斯方块小游戏,然后使用 3D 建模功能创建一个 3D 街机模型,最后将 2D 小游戏贴到 3D 模型上。(ps:最后拓展部分实现将视频与3D模型的结合)http://www.hightopo.com/demo/tetris/代码实现首先,...2018-05-28 07:26:11 · 245 阅读 · 0 评论 -
基于 HTML5 WebGL 的 3D 棉花加工监控系统
前言现在的棉花加工行业还停留在传统的反应式维护模式当中,当棉花加下厂的设备突然出现故障时,控制程序需要更换。这种情况下,首先需要客户向设备生产厂家请求派出技术人员进行维护,然后生产厂家才能根据情况再派人到现场进行处理。由于棉花加工设备分布在中国各地乃至出口到世界各地,从客户反应问题到厂家派人到达现场的时间周期就会很长,少则 一天,个别偏远的地方可能会需要几天,不同程度地影响到企业生产活动的...2018-06-04 09:59:15 · 257 阅读 · 0 评论 -
基于 HTML5 WebGL 的 3D 工控裙房系统
前言工业物联网在中国的发展如火如荼,网络基础设施建设,以及工业升级的迫切需要都为工业物联网发展提供了很大的机遇。中国工业物联网企业目前呈现两种发展形式并存状况:一方面是大型通讯、IT企业的布局;一方面是传统工业软件和工业网络企业自发地延伸,由产品提供商发展为方案供应商。什么叫做裙房?裙房是指附属于主高楼并与之连成一体的低层建筑。本文的 Demo 是针对于裙房做的,但是在工业监控系统中有很多...2018-06-11 10:18:04 · 357 阅读 · 0 评论 -
基于 HTML5 的工业互联网云平台监控机房 U 位
前言机柜 U 位管理是一项突破性创新技术--继承了 RFID 标签(电子标签)的优点的同时,完全解决了 RFID 技术(非接触式的自动识别技术)在机房 U 位资产监控场应用景中的四大缺陷,采用工业互联网云平台监控机房 U 位的方法,具有高可靠性、高准确性、精准定位、免维护的特点,满足了 U 位级实时监控、智能运维闭环管理的需求。设备上架、下架与迁移,自动变更和实时记录,(用户评价):部署工...2018-07-09 09:54:24 · 443 阅读 · 0 评论 -
基于 HTML5 结合互联网+的电力接线图
前言 “互联网+”思维让数据的搜集和获取更加便捷,并且随着大数据的深度开发和应用,数据分析预测对于提升用户体验有非常重要的价值,同时也为不同行业、不同领域的合作提供了更广阔的空间。传统的发电企业是一个资金、技术密集但又相对独立封闭的行业,例如沙角A电厂,拥有优质的码头、安信检修、车队、技术人才等资源,未来是否能借助互联网走出去,或者其他一些先进的管理、技术能否通过互联网走进来互融都是可以探索...2018-07-16 10:49:13 · 1270 阅读 · 0 评论 -
基于 HTML5 结合工业互联网的智能飞机控制
前言从互联网+的概念一出来,就瞬间吸引了各行各业的能人志士,想要在这个领域分上一杯羹。现在传统工业生产行业运用互联网+的概念偏多,但是在大众创业万众创新的背景下,“互联网+”涌出了层出不穷的“玩法”,智慧城市、隧道交通、智慧园区、工业生产,甚至是这次要说的智能飞机!异地协同制造的范围,目前多局限于主机制造厂之间,发动机和机载系统介入得很少。“互联网+飞机”可通过提高各类飞行器的有效监控能力...2018-08-06 00:23:09 · 551 阅读 · 0 评论 -
基于 HTML5 Canvas 实现的文字动画特效
前言文字是网页中最基本的元素,一般我们在网页上都是展示的静态文字,但是就效果来说,还是比较枯燥的。文字淡入淡出的动画效果在项目中非常实用,如果有某些关键的文字,可以通过这种动态的效果来提醒用户阅读。动态效果图http://www.hightopo.com/demo/GraphAnimation/index.html这个 Demo 是不断重复地设置文字的大小和透明度,这些英文...2018-04-02 07:30:15 · 238 阅读 · 0 评论 -
WebGL 3D 工业隧道监控实战
前言监控隧道内的车道堵塞情况、隧道内的车祸现场,在隧道中显示当前车祸位置并在隧道口给与提示等等功能都是非常有必要的。这个隧道 Demo 的主要内容包括:照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报警、车行横洞、风向仪、微波车检、隧道紧急逃生出口的控制以及事故模拟等等。效果图 http://www.hightopo.com/demo/tunnel2/index.html...2018-03-26 07:51:52 · 354 阅读 · 0 评论 -
WebGL 3D 电信机架实战之数据绑定
前言在前端中,视图层和数据层需要进行单向或者双向数据绑定,大家都已经不陌生了,有时候 2D 做的比较顺了之后,就会想要挑战一下 3D,不然总觉得痒痒的。这个 3D 机架的 Demo 我觉得非常有代表性,首先,3D 机架用途非常广,尤其是在电信行业,就算不是机架,在比如工业方面 3D 模型以及数据绑定的应用也是非常广泛的,毕竟现在工业物联网已经是大趋势了。效果图 上面动图中,闪烁...2018-03-22 23:18:41 · 192 阅读 · 0 评论 -
基于 HTML5 WebGL 的 3D 仓储管理系统
仓储管理系统(WMS)是一个实时的计算机软件系统,它能够按照运作的业务规则和运算法则,对信息、资源、行为、存货和分销运作进行更完美地管理,使其最大化满足有效产出和精确性的要求。从财务软件、进销存软件CIMS,从MRP、MRPII到ERP,代表了中国企业从粗放型管理走向集约管理的要求,竞争的激烈和对成本的要求使得管理对象表现为:整和上游、企业本身、下游一体化供应链的信息和资源。而仓库,尤其是制造...原创 2017-11-30 07:48:49 · 1198 阅读 · 0 评论 -
基于HTML5 Canvas 点击添加 2D 3D 机柜模型
今天又返回好好地消化了一下我们的数据容器 DataModel,这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单,实际上结合了数据模型中非常重要的三个事件处理的部分:属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。为了让这个例子具现化,我将这个简单的例子做了一点改动,下面我会一一解释。例子地址:http://hightopo.com/guide/gui...2017-11-27 08:05:59 · 172 阅读 · 0 评论 -
基于 HTML5 WebGL 的 3D “弹力”布局
分子力(molecular force),又称分子间作用力、范得瓦耳斯力,是指分子间的相互作用。当二分子相距较远时,主要表现为吸引力,这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用;当二分子非常接近时,则排斥力成为主要的,这是由于各分子的外层电子云开始重叠而产生的排斥作用。HT for Web 提供了弹力布局(也称为力导向布局)的功能,即根据节点之间存在...原创 2017-11-22 23:39:28 · 281 阅读 · 0 评论 -
基于HTML5 Canvas 实现商场监控
伴随国内经济的高速发展,人们对安全的要求越来越高。为了防止下列情况的发生,您需要考虑安装安防系统: 提供证据与线索:很多工厂银行发生偷盗或者事故相关机关可以根据录像信息侦破案件,这个是非常重要的一个线索。还有一些纠纷或事故,也可以通过录像很容易找出相关人员的责任。 人防成本高:现在很多地方想到安全就想到要雇佣保安,每个保安每个月 800,每天 3 班倒,一班人员一年就需要将近 4 万元,相比于...原创 2017-11-20 07:32:58 · 569 阅读 · 0 评论 -
基于HTML5的WebGL经典3D虚拟机房漫游动画
第一人称在 3D 中的用法要参考第一人称在射击游戏中的使用,第一人称射击游戏(FPS)是以第一人称视角为中心围绕枪和其他武器为基础的视频游戏类型 ; 也就是说,玩家通过主角的眼睛来体验动作。自从流派开始以来,先进的 3D 和伪 3D 图形已经对硬件发展提出了挑战,而多人游戏已经不可或缺。 Doom 的截图,这个流派的突破游戏之一,展示了第一人称射击游戏的典型视角 现在博物馆或...2017-11-14 22:55:34 · 414 阅读 · 0 评论 -
根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局
在数学中,矩阵是以行和列排列的数字,符号或表达式的矩形阵列,任何矩阵都可以通过相关字段的标量乘以元素。矩阵的主要应用是表示线性变换,即f(x)= 4 x等线性函数的推广。例如,旋转的载体在三维空间是一个线性变换,这可以通过一个表示旋转矩阵 [R :如果v是一个列向量描述(只有一列的矩阵)的位置在空间中的点,该产品器Rv是列矢量描述旋转后该点的位置。两个变换矩阵的乘积是表示两个变换组成的矩阵。矩...原创 2017-11-13 07:53:28 · 257 阅读 · 0 评论 -
基于HTML5 Canvas的CSG构造实体几何书架
CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了,最简单的实体表示叫作体元,通常是形状简单的物体,如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同,在一些软件包中可以使用弯曲的物体进行 CSG 处理,在另外一些软件包中则不支持这些功能。构造物体就是将体元根据集合论的布尔逻辑组合在一起,这些运算包括:并集、交集以及补集。我们一般可以用 ...原创 2017-11-08 08:03:50 · 495 阅读 · 0 评论 -
基于HTML5 Canvas WebGL制作分离摩托车
工业方面制作图表,制作模型方面运用到 3d 模型是非常多的,在一个大的环境中,构建无数个相同的或者不同的模型,构建起来对于程序员来说也是一件相当头疼的事情,我们利用 HT 帮大家解决了很大的难题,无数个例子可在官网上查找到 http://hightopo.com/demos/index.html。本文 Demo 地址: http://hightopo.com/guide/guide/plu...原创 2017-11-06 07:56:32 · 193 阅读 · 0 评论 -
基于HTML5 Canvas的3D动态Chart图表
发现现在工业SCADA上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易做不成美丽的。。。看到有一个网站上在卖的图表,感觉挺好看的,就用 HT for Web 3D 做了一个小例子,挺简单的,也挺好看的,哈哈~Demo 地址: http://www.hightop...原创 2017-11-02 07:51:26 · 571 阅读 · 0 评论 -
基于HTML5 Canvas的工控SCADA模拟飞机飞行
昨天看到一篇文章说是学习如何开飞机的,然后我就想,如果我也可以开飞机那就好玩了,每个人小时候都想做飞行员!中国飞行员太难当了,再说也不轻易让你开飞机!后来我就想如果能用 HT 开飞机那就是真的有趣了,哈哈,这个实现的效果还是很不错的,可以让你满足一下开飞机的虚荣心Demo 地址: http://hightopo.com/guide/guide/plugin/obj/examples/exa...原创 2017-11-01 07:48:31 · 368 阅读 · 0 评论