工控热门博客列表 - ITeye博客频道 - 第2页

快速开发基于 HTML5 网络拓扑图应用--入门篇（二）

上一篇我们绘制了一个 graphView 场景，在场景之上通过 graphView.dm() 获取数据容器，并通过 graphView.dm().add() 函数添加了两个 Node 节点，并通过 setPosition 设置节点位置以及 setImage 给节点添加图片；接着在两个节点之间通过 ht.Edge(sourceNode, targetNode) 添加了两条连线（实际上还可以更多），并 ...

html5 canvas 拓扑图电信工控

xhload3d 评论(0) 有897人浏览 2018-01-15 10:00

快速开发基于 HTML5 网络拓扑图应用--入门篇（一）

计算机网络的拓扑结构是引用拓扑学中研究与大小，形状无关的点、线关系的方法。把网络中的计算机和通信设备抽象为一个点，把传输介质抽象为一� ...

html5 canvas 工控电信拓扑图

xhload3d 评论(0) 有1486人浏览 2018-01-09 06:17

基于 HTML5 WebGL 的 3D 场景中的灯光效果

构建 3D 的场景除了创建模型，对模型设置颜色和贴图外，还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强� ...

html5 canvas 3d 工控电信网管

xhload3d 评论(0) 有1544人浏览 2018-01-02 07:12

基于 HTML5 WebGL 的 3D 服务器与客户端的通信

这个例子的初衷是模拟服务器与客户端的通信，我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的，这样找产品以及整个空间的概括会比较明确，在这个例子中我也加了，这篇文章就算是我对这次项目的一个总结吧。对了，这个例子我是参考一个 DEMO 来完成的，和示例中的显示有些不同，大家莫惊奇。例子链接： http://www.hightopo.com/guide/guide ...

html5 3d webgl 工控电信网管

xhload3d 评论(0) 有580人浏览 2017-12-28 06:26

基于 HTML5 WebGL 的 3D 仓储管理系统

仓储管理系统（WMS）是一个实时的计算机软件系统，它能够按照运作的业务规则和运算法则，对信息、资源、行为、存货和分销运作进行更完美地管理� ...

html5 webgl 3d 工控电信

xhload3d 评论(0) 有897人浏览 2017-11-30 07:48

基于HTML5 Canvas 点击添加 2D 3D 机柜模型

今天又返回好好地消化了一下我们的数据容器 DataModel，这里给新手做一个典型的数据模型事件处理的例子作为参考。这个例子看起来很简单，实际上结合了数据模型中非常重要的三个事件处理的部分：属性变化事件监听、选中变化事件监听以及数据模型变化事件监听。为了让这个例子具现化，我将这个简单的例子做了一点改动，下面我会一一解释。例子地址：http://hightopo.com/guide/guid ...

html5 canvas 3d 电信工控

xhload3d 评论(0) 有1212人浏览 2017-11-27 08:05

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

分子力(molecular force)，又称分子间作用力、范得瓦耳斯力，是指分子间的相互作用。当二分子相距较远时，主要表现为吸引力，这种力主要来源于一个分子被另一个分子随时间迅速变化的电偶极矩所极化而引起的相互作用；当二分子非常接近时，则排斥力成为主要的，这是由于各分子的外层电子云开始重叠而产生的排斥作用。 HT for Web 提供了弹力布局（也称为力导向布局）的功能，即根据节点之间存在互 ...

html5 canvas 3d 工控电信

xhload3d 评论(0) 有652人浏览 2017-11-22 23:39

基于HTML5 Canvas 实现商场监控

伴随国内经济的高速发展，人们对安全的要求越来越高。为了防止下列情况的发生，您需要考虑安装安防系统：提供证据与线索：很多工厂银行发生偷盗或者事故相关机关可以根据录像信息侦破案件，这个是非常重要的一个线索。还有一些纠纷或事故，也可以通过录像很容易找出相关人员的责任。人防成本高：现在很多地方想到安全就想到要雇佣保安，每个保安每个月 800，每天 3 班倒，一班人员一年就需要将近 4 万元，相比于电 ...

HTML5 Canvas 监控工控电信网管

xhload3d 评论(0) 有911人浏览 2017-11-20 07:32

基于HTML5的WebGL经典3D虚拟机房漫游动画

第一人称在 3D 中的用法要参考第一人称在射击游戏中的使用，第一人称射击游戏（FPS）是以第一人称视角为中心围绕枪和其他武器为基础的视频游戏类� ...

html5 3d webgl 工控电信网管

xhload3d 评论(0) 有800人浏览 2017-11-14 22:55

根据矩阵变化实现基于 HTML5 的 WebGL 3D 自动布局

在数学中，矩阵是以行和列排列的数字，符号或表达式的矩形阵列，任何矩阵都可以通过相关字段的标量乘以元素。矩阵的主要应用是表示线性变换，即

html5 3d 工控矩阵 canvas

xhload3d 评论(0) 有1095人浏览 2017-11-13 07:53

玩转 HTML5 下 WebGL 的 3D 模型交并补

建设性的立体几何具有许多实际用途，它用于需要简单几何对象的情况下，或者数学精度很重要的地方，几乎所有的工程 CAD 软件包都使用 CSG（可以用于表示刀具切削，以及零件必须配合在一起的特征）。CSG 是 Constructive Solid Geometry 建模技术的简称，通过裁剪 subtract、融合 union 和相交 intersect 的运算，组合出复杂模型效果，HT 封装了 ht. ...

HTML5 3D Canvas WebGL 工控

xhload3d 评论(0) 有607人浏览 2017-11-09 07:29

基于HTML5和WebGL的碰撞测试

这是公司大神写的一个放官网上给用户学习的例子，我一开始真的不知道这是在干嘛，就只是将三个形状图元组合在一起，然后可以同时旋转、放大缩小这个三个图形，点击“Animate”就能让中间的那一个图元单独绕着某一个点旋转，表单最上方的“Axis”真的完全不知道拿来干嘛用的，觉得好累赘，而且是官网的demo，也没有解释。。。所以我今天得任务就是完全剖析这个例子！本文例子：http://www.hight ...

HTML5 WebGL 3D拓扑工控电信网管

xhload3d 评论(0) 有569人浏览 2017-10-20 10:26

基于HTML5 Canvas 实现矢量工控风机叶轮旋转

之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。先看看最后我们实现的效果：http://www.hightopo.com/demo/fan/index.html 我们先来看下这个叶轮模型长什么样从模型上看，这个叶轮模型有三个叶片，每一个叶片都是不规则图形，显然无法用上我们HT for Web的基础图形来拼接，那么我们该怎么做呢？很简单， ...

HTML5 矢量工控数据绑定 SCADA

xhload3d 评论(0) 有776人浏览 2016-10-18 01:04

HTML5拓扑图形组件设计之道（一）

HT for Web（http://www.hightopo.com/guide/readme.html）提供了涵盖通用组件、2D拓扑图形组件以及3D引擎的一站式解决方案，正如Hightopo官网所表达的我们希望提供� ...

电信图扑网管 HTML5 Canvas 工控

xhload3d 评论(0) 有809人浏览 2016-02-26 02:01

矢量化的HTML5拓扑图形组件设计

HT一直被客户称道的就是其全矢量化的设计特色，矢量相比传统图片好处太多了：矢量可无级缩放，界面不失真不模糊描述矢量的文本内容远比图片小得多目前各种window.devicePixelRatio不一致的设备，矢量可能是唯一彻底的解决方案业务数据绑定提起矢量一般都会想到SVG，但这是个坑人的玩意儿，这么多年就没见一个完善的实现者，浏览器实现千差万别，高级属性根本不能玩，Adob ...

HTML5 电力燃气工控 WebSCADA

xhload3d 评论(0) 有768人浏览 2016-02-19 22:39

基于HTML5的Web SCADA工控移动应用

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

HTML5 电力燃气工控 WebSCADA

xhload3d 评论(0) 有3106人浏览 2015-12-28 19:37

基于HTML5实现3D热图Heatmap应用

Heatmap热图通过众多数据点信息，汇聚成直观可视化颜色效果，热图已广泛被应用于气象预报、医疗成像、机房温度监控等行业，甚至应用于竞技体育领域的数据分析。 http://www.hightopo.com/guide/guide/plugin/forcelayout/examples/example_heatmap2d.html http://www.hightopo.com/guide/ ...

WebGL Hightopo 工控 heatmap 热图

xhload3d 评论(0) 有863人浏览 2015-10-13 23:35

基于HTML5实现3D监控应用流动效果

http://www.hightopo.com/guide/guide/core/lighting/examples/example_flowing.html 流动效果在3D领域有着广泛的应用场景，如上图中医学领域可通过3D的流动直观的观察人体血液的流动，燃气领域可用于监控管道内流动的液体或气体的流向、流速和温度等指标。如今企业数据中心机房普遍面临着设备散热的问题，采用冷热通道方 ...

HTML5 WebGL 3D 流动工控

xhload3d 评论(0) 有1748人浏览 2015-10-11 21:39

基于HTML5 Canvas实现工控2D叶轮旋转

之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。 http://www.hightopo.com/guide/guide/core/serialization/examples/example_exportimport.html 我们先来看下这个叶轮模型长什么样从模型上看，这个叶轮模型有三个叶片，每一个叶片都是不规则图形，显然无法用上我们HT ...

html5 工控 SCADA canvas

xhload3d 评论(1) 有1252人浏览 2015-10-10 00:32

基于HT for Web的Web SCADA移动工控应用

在电力、油田燃气、供水管网等工业自动化领域Web SCADA的概念已经提出了多年，早先年的Web SCADA前端技术大部分还是基于Flex、Silverlight甚至Applet这样的重客户端方案，在HTML5流行前VML和SVG算是真正纯种Web方案也是有不少应用，近些年随着HTML5的流行，加上移动终端对HTML5支持的普及，越来越多新项目开始采用真正纯HTML5的方案，更具体的说大数据量应用 ...

工控燃气电力 WebSCADA hightopo

xhload3d 评论(0) 有962人浏览 2015-03-19 01:00

博客专栏推荐

本月博客排行

年度博客排行

最新文章列表