- 博客(14)
- 资源 (7)
- 收藏
- 关注
原创 基于 WebGL HTML5 的 3D 模型分离控制
工业制作图表,制作模型方面运用到 3d 模型是非常多的,在一个大的环境中,构建无数个相同的或者不同的模型,构建起来对于程序员来说也是一件相当头疼的事情,我们使用 [HT](http://www.hightopo.com) 帮大家解决了很大的难题,无数个例子可在官网上查找到 http://hightopo.com/demos/index.html 。
2019-04-30 08:18:43 1818
原创 基于 WebGL 的 3D Chart 图表
现在工业 SCADA 上或者电信网管方面用图表的特别多,虽然绝大部分人在图表制作方面用的是 echarts,他确实好用,但是有些时候我们不能调用别的插件,这个时候就得自己写这些美丽的图表了,然而图表轻易做不成美丽的。看到有一个网站上在卖的图表,感觉挺好看的,就用 [HT for Web](http://www.hightopo.com) 3D 做了一个小例子,挺简单的,也挺好看的,哈哈~
2019-04-29 08:02:35 3458
原创 将拓扑图和图表绘制在 3D 六面体上
突然有个想法,如果能把一些用到不同的知识点放到同一个界面上,并且放到一个盒子里,这样我如果要看什么东西就可以很直接显示出来,而且这个盒子一定要能打开。我用 HT 实现了我的想法,代码一百多行,这么少的代码能实现这种效果我觉得还是牛的。先来看看效果图:这个例子最基础的就是最外层的盒子了,所以我们先来看看如何实现它:var box = new ht.CSGBox();dataModel.ad...
2019-04-26 07:37:56 409
原创 基于WebGL HTML5 的场景小游戏
为了实现一个基于 HTML5 的场景小游戏,我采用了 HT for Web 来实现,短短200行代码,我就能实现用“第一人称”来操作前进后退上下左右,并且实现了碰撞检测。先来看下实现的效果: http://www.hightopo.com/guide/guide/core/3d/examples/example_collision.html或者 http://v.youku.com/v_sho...
2019-04-25 07:54:30 3200
原创 基于 HTML5 WebGL 的计量站三维可视化监控系统 Web 组态工控应用
前言得益于 HTML5 WebGL 技术的成熟,从技术上对工控管理的可视化,数据可视化变得简单易行!完成对工控设备的管理效率,资源管理,风险管理等的大幅度提高,同时也对国家工业4.0计划作出有力响应!如本案例所示,是一个基于 HTML5 WebGL 技术实现的计量站三维可视化监控系统,在本案例中,具体宏观的展示一个油田站点的整体场景,然后点击可以进入内景看到油田计量站内景的具体情况,同时可以看...
2019-04-24 07:46:36 1128
原创 基于 HTML5 WebGL 的 3D 渲染引擎构建工厂运作系统
前言今天为大家带来一个很酷的作品,依然运用了强大的 HT for Web 的 3D 图形组件,动作流畅性能好,大家可以先来欣赏一下效果!点我进入!整体风格为科技金属风,制作精良,由于上传 gif 大小有限制,所以务必打开链接查看细节演示!代码实现做完场景后,首先我们要对它进行一些基本的设置,如:// 设置 camera 的位置gv.setEye([457, 9047, 434])...
2019-04-23 07:30:53 4507 2
原创 基于 WebGL 的 HTML5 3D 网络拓扑图
在数据量很大的 2D 场景下,要找到具体的模型比较困难,并且只能显示出模型的的某一部分,显示也不够直观,这种时候能快速搭建出 3D 场景就有很大需求了。但是搭建 3D 应用场景又依赖于通过 3ds Max 或 Maya 的专业 3D 设计师来建模,Unity 3D 引擎做图形渲染等,这对用户来说都是挑战!不过,HT 一站式的提供了从建模到渲染,包括和 2D 组件呈现和数据融合的一站式解决方案。HT...
2019-04-22 08:31:32 908
原创 基于 HTML5 实现的简单云动画和景物描述
前言用户鼠标移入时,有弹出框出现,这样的需求很常见。这在处理 HTML 元素实现时简单,但是如果是对 HTML5 Canvas 构成的图形进行处理,这种方法不再适用,因为 Canvas 使用的是另外一套机制,无论在 Canvas 上绘制多少图形,Canvas 都是一个整体。而图形本身实际都是 Canvas 的一部分,不可单独获取,所以也就无法直接给某个图形增加 JavaScript 事件。然而,...
2019-04-19 08:10:14 392
原创 学习 HT for Web 中的交互事件
交互事件增强了用户体验,使得我们的作品更加生动。今天,使用 HT for Web 写了个典型的 Demo 来了解 HT 中的交互事件。
2019-04-18 08:21:30 4760 2
原创 基于 HTML5 Canvas 实现的 TP-LINK 电信拓扑设备面板
今天我们以真实的 TP-LINK 设备面板为模型,完成设备面板的搭建,和指示灯的闪烁和图元流动。
2019-04-17 08:22:18 613
原创 基于 HTML5 WebGL 智能城市的模拟运行
前言智能城市是一个系统。也称为网络城市、数字化城市、信息城市。智能城市建设是一个系统工程:首先实现的是城市管理智能化,由智能城市管理系统辅助管理城市,通过管理系统人们可以监视城市的运行,了解城市每天中发生的变化,以及及时的根据这些变化做出相应的管理;其次是包括智能交通、智能电力、智能安全等基础设施的智能化,交通是一个城市的驱动,交通的畅通加速了城市的发展,通过 Web 可视化的交通管理,可以更...
2019-04-16 08:31:33 4544 1
原创 基于 HTML5 实现的风电、光伏新能源管理系统
随着新一轮工业革命兴起,应对气候变化日益成为全球共识,能源技术正在成为引领能源产业变革、实现创新驱动发展的源动力。从全球到中国,以风能、光伏发电为代表的新能源产业发展迅速,可再生能源发电与现代电网的融合成为了世界能源可持续转型的核心,发电技术继续沿着大规模、高效率和低成本方向持续进步,中国在风能和光伏发电领域的累计装机量和新增装机量已经跃居世界首位。
2019-04-12 08:30:15 3189 1
原创 基于 HTML5 的 3D 机房可视化实景监控
随着视频监控联网系统的不断普及和发展, 网络摄像机更多的应用于监控系统中,尤其是高清时代的来临,更加快了网络摄像机的发展和应用。在监控摄像机数量的不断庞大的同时,在监控系统中面临着严峻的现状问题:海量视频分散、孤立、视角不完整、位置不明确等问题,始终围绕着使用者。因此,如何更直观、更明确的管理摄像机和掌控视频动态,已成为提升视频应用价值的重要话题。所以当前项目正是从解决此现状问题的角度...
2019-04-02 08:30:07 5639
原创 基于 HTML5 的 3D 飞机飞行轨道控制
从互联网+的概念一出来,就瞬间吸引了各行各业的能人志士,想要在这个领域分上一杯羹。现在传统工业生产行业运用互联网+的概念偏多,但是在大众创业万众创新的背景下,“互联网+”涌出了层出不穷的“玩法”,智慧城市、隧道交通、智慧园区、工业生产,甚至是这次要说的智能飞机!异地协同制造的范围,目前多局限于主机制造厂之间,发动机和机载系统介入得很少。“互联网+飞机”可通过提高各类飞行器的有效监控能力、应急处置能力来大幅提高航行安全水平。“在提高这两大能力后,像飞机失联这类事件将不再发生。”当飞机飞离预定航线时,地面可以即
2019-04-01 08:30:12 1399
ajax 全套安装软件包
2021-03-31
快速开发基于 HTML5 网络拓扑图应用之 DataBinding 数据绑定篇
2018-03-16
快速开发基于 HTML5 网络拓扑图应用--入门篇(四)
2018-01-18
Web SCADA 电力接线系统图
2018-01-15
基于 HTML5 快速构建拓扑图1
2018-01-08
基于 HTML5 WebGL 的 3D 仓储管理系统
2017-11-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人