HT for Web 3D

HT for modern web and mobile app development.

分享数百个 HT 工业互联网 2D 3D 可视化应用案例

过去的 2018 年,我们认为是国内工业互联网可视化的元年,图扑软件作为在工业可视化领域的重度参与者,一线见证了众多 HTML5/Web 化、2D/3D 化的项目在工业界应用落地,我们觉得有必要在此分享下过去一年,基于 HT 实施的数百个工业互联网 2D 3D 可视化应用案例,希望能激发行业和学术...

2019-04-09 08:30:03

阅读数 293

评论数 0

Web SCADA 电力接线图工控组态编辑器

前言SVG并非仅仅是一种图像格式, 由于它是一种基于XML的语言,也就意味着它继承了XML的跨平台性和可扩展性,从而在图形可重用性上迈出了一大步。如SVG可以内嵌于其他的XML文档中,而SVG文档中也可以嵌入其他的XML内容,各个不同的SVG图形可以方便地组合, 构成新的SVG图形。这个 Demo...

2018-04-16 07:32:09

阅读数 2971

评论数 2

基于 HTML5 Canvas 的简易 2D 3D 编辑器

要是我们有一个编辑器,能直接根据设计师的稿子,让非设计人员也非程序员来创建一个复杂的模型,那该多棒啊!今天我们就来看看这个看似复杂的过程是如何变成简单的!突然觉得危机感好强啊!!!

2017-12-03 22:00:09

阅读数 10456

评论数 0

基于 HTML5 Canvas 2D 拓扑图和 3D 机柜模型的增删操作

今天好好地消化了一下我们的数据容器 DataModel,这里给初学者做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单,实际上结合了数据模型中非常重要的三个事件处理的部分:属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。 为了让这个例子具现化,我将这个简单的例子做了一点改...

2019-06-05 08:02:29

阅读数 53

评论数 0

基于 WebGL 实现的 HTML5 3D “弹力”布局

分子力(molecular force),又称分子间作用力、范得瓦耳斯力,是指分子间的相互作用。当二分子相距较远时,主要表现为吸引力,这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用;当二分子非常接近时,则排斥力成为主要的,这是由于各分子的外层电子云开始重叠而产生...

2019-06-04 07:37:10

阅读数 36

评论数 0

基于 HTML5 WebGL 的挖掘机 3D 可视化应用

前言 在工业互联网以及物联网的影响下,人们对于机械的管理,机械的可视化,机械的操作可视化提出了更高的要求。如何在一个系统中完整的显示机械的运行情况,机械的运行轨迹,或者机械的机械动作显得尤为的重要,因为这会帮助一个不了解这个机械的小白可以直观的了解机械的运行情况,以及机械的所有可能发生的动作,对于...

2019-05-14 08:26:48

阅读数 132

评论数 0

通过矩阵变化实现的 3D 模型自动布局

在数学中,矩阵是以行和列排列的数字,符号或表达式的矩形阵列,任何矩阵都可以通过相关字段的标量乘以元素。矩阵的主要应用是表示线性变换,即 f(x)= 4 x 等线性函数的推广。例如,旋转的载体在三维空间是一个线性变换,这可以通过一个表示旋转矩阵:如果v是一个列向量描述(只有一列的矩阵)的位置在空间中...

2019-05-09 08:13:38

阅读数 72

评论数 0

基于 WebGL 的 CSG 构造实体几何书架

CSG 构造实体几何这个概念在工业水利水电施工上、游戏上已经有很多人使用了,最简单的实体表示叫作体元,通常是形状简单的物体,如立方体、圆柱体、棱柱、棱锥、球体、圆锥等。根据每个软件包的不同这些体元也有所不同,在一些软件包中可以使用弯曲的物体进行 CSG 处理,在另外一些软件包中则不支持这些功能。构...

2019-05-06 08:07:24

阅读数 96

评论数 0

基于 WebGL HTML5 的 3D 模型分离控制

工业制作图表,制作模型方面运用到 3d 模型是非常多的,在一个大的环境中,构建无数个相同的或者不同的模型,构建起来对于程序员来说也是一件相当头疼的事情,我们使用 [HT](http://www.hightopo.com) 帮大家解决了很大的难题,无数个例子可在官网上查找到 http://hight...

2019-04-30 08:18:43

阅读数 62

评论数 0

基于 WebGL 的 3D Chart 图表

现在工业 SCADA 上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是 echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易做不成美丽的。看到有一个网站上在卖的图表,感觉挺好看的,就用 [HT for Web](http...

2019-04-29 08:02:35

阅读数 139

评论数 0

将拓扑图和图表绘制在 3D 六面体上

突然有个想法,如果能把一些用到不同的知识点放到同一个界面上,并且放到一个盒子里,这样我如果要看什么东西就可以很直接显示出来,而且这个盒子一定要能打开。我用 HT 实现了我的想法,代码一百多行,这么少的代码能实现这种效果我觉得还是牛的。 先来看看效果图: 这个例子最基础的就是最外层的盒子了,所以我...

2019-04-26 07:37:56

阅读数 34

评论数 0

基于WebGL HTML5 的场景小游戏

为了实现一个基于 HTML5 的场景小游戏,我采用了 HT for Web 来实现,短短200行代码,我就能实现用“第一人称”来操作前进后退上下左右,并且实现了碰撞检测。 先来看下实现的效果: http://www.hightopo.com/guide/guide/core/3d/examples...

2019-04-25 07:54:30

阅读数 67

评论数 0

基于 HTML5 WebGL 的计量站三维可视化监控系统 Web 组态工控应用

前言 得益于 HTML5 WebGL 技术的成熟,从技术上对工控管理的可视化,数据可视化变得简单易行!完成对工控设备的管理效率,资源管理,风险管理等的大幅度提高,同时也对国家工业4.0计划作出有力响应! 如本案例所示,是一个基于 HTML5 WebGL 技术实现的计量站三维可视化监控系统,在本案例...

2019-04-24 07:46:36

阅读数 116

评论数 0

基于 HTML5 WebGL 的 3D 渲染引擎构建工厂运作系统

前言 今天为大家带来一个很酷的作品,依然运用了强大的 HT for Web 的 3D 图形组件,动作流畅性能好,大家可以先来欣赏一下效果! 点我进入! 整体风格为科技金属风,制作精良,由于上传 gif 大小有限制,所以务必打开链接查看细节演示! 代码实现 做完场景后,首先我们要对它进行一些基本的...

2019-04-23 07:30:53

阅读数 107

评论数 0

基于 WebGL 的 HTML5 3D 网络拓扑图

在数据量很大的 2D 场景下,要找到具体的模型比较困难,并且只能显示出模型的的某一部分,显示也不够直观,这种时候能快速搭建出 3D 场景就有很大需求了。但是搭建 3D 应用场景又依赖于通过 3ds Max 或 Maya 的专业 3D 设计师来建模,Unity 3D 引擎做图形渲染等,这对用户来说都...

2019-04-22 08:31:32

阅读数 44

评论数 0

基于 HTML5 实现的简单云动画和景物描述

前言 用户鼠标移入时,有弹出框出现,这样的需求很常见。这在处理 HTML 元素实现时简单,但是如果是对 HTML5 Canvas 构成的图形进行处理,这种方法不再适用,因为 Canvas 使用的是另外一套机制,无论在 Canvas 上绘制多少图形,Canvas 都是一个整体。而图形本身实际都是 C...

2019-04-19 08:10:14

阅读数 43

评论数 0

学习 HT for Web 中的交互事件

交互事件增强了用户体验,使得我们的作品更加生动。今天,使用 HT for Web 写了个典型的 Demo 来了解 HT 中的交互事件。

2019-04-18 08:21:30

阅读数 223

评论数 0

基于 HTML5 Canvas 实现的 TP-LINK 电信拓扑设备面板

今天我们以真实的 TP-LINK 设备面板为模型,完成设备面板的搭建,和指示灯的闪烁和图元流动。

2019-04-17 08:22:18

阅读数 43

评论数 0

基于 HTML5 WebGL 智能城市的模拟运行

前言 智能城市是一个系统。也称为网络城市、数字化城市、信息城市。 智能城市建设是一个系统工程:首先实现的是城市管理智能化,由智能城市管理系统辅助管理城市,通过管理系统人们可以监视城市的运行,了解城市每天中发生的变化,以及及时的根据这些变化做出相应的管理;其次是包括智能交通、智能电力、智能安全等基础...

2019-04-16 08:31:33

阅读数 127

评论数 0

基于 HTML5 实现的风电、光伏新能源管理系统

随着新一轮工业革命兴起,应对气候变化日益成为全球共识,能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国,以风能、光伏发电为代表的新能源产业发展迅速,可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心,发电技术继续沿着大规模、高效率和低成本方向持续进步,中国在风能和...

2019-04-12 08:30:15

阅读数 138

评论数 0

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