拓扑热门博客列表 - ITeye博客频道

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

现在，3D模型已经用于各种不同的领域。在医疗行业使用它们制作器官的精确模型；电影行业将它们用于活动的人物、物体以及现实电影；视频游戏产业将它们作为计算机与视频游戏中的资源；在科学领域将它们作为化合物的精确模型；建筑业将它们用来展示提议的建筑物或者风景表现；工程界将它们用于设计新设备、交通工具、结构以及其它应用领域；在最近几十年，地球科学领域开始构建三维地质模型，而且3D模型经常做成动画，例如，在 ...

电信网管工控SCADA HTML5 WebGL 拓扑

xhload3d 评论(0) 有617人浏览 2017-10-17 09:19

HTML5 网络拓扑图整合 OpenLayers 实现 GIS 地图应用

在前面《百度地图、ECharts整合HT for Web网络拓扑图应用》我们有介绍百度地图和 HT for Web 的整合，我们今天来谈谈 OpenLayers 和 HT for Web 的整合。 HT for Web作为逻辑拓扑图形组件自身没有GIS功能，但可以与各种GIS引擎即其客户端组件进行融合，各取所长实现逻辑拓扑和物理拓扑的无缝融合，本章将具体介绍HT for Web与开发免费的Ope ...

HTML5 拓扑 Hightopo GIS OpenLayers

xhload3d 评论(0) 有1614人浏览 2016-08-08 01:53

HTML5实现3D和2D可视化QuadTree四叉树碰撞检测

QuadTree四叉树顾名思义就是树状的数据结构，其每个节点有四个孩子节点，可将二维平面递归分割子区域。QuadTree常用于空间数据库索引，3D的椎体可见区域裁剪，甚至图片分析处理，我们今天介绍的是QuadTree最常被游戏领域使用到的碰撞检测。采用QuadTree算法将大大减少需要测试碰撞的次数，从而提高游戏刷新性能，本文例子基于HT for Web的Canvas拓扑图和WebGL的3D引擎组 ...

HTML5 3D 拓扑 Hightopo QuadTree

xhload3d 评论(0) 有1962人浏览 2015-12-14 00:37

基于HTML5的WebGL结合Box2DJS物理引擎应用

上篇我们基于HT for Web呈现了A* Search Algorithm的3D寻路效果，这篇我们将采用HT for Web 3D来呈现Box2DJS物理引擎的碰撞效果，同上篇其实Box2DJS只是二维的平面碰撞物理引擎，但同样通过3D的呈现能让人更直观的体验到碰撞效果，先上张最终例子效果图： http://hightopo.com/demo/box2djs/ht-box2d-demo.htm ...

HTML5 3D 拓扑 Hightopo Box2D

xhload3d 评论(0) 有1246人浏览 2015-12-07 10:43

WebGL实现HTML5的3D贪吃蛇游戏

js1k.com收集了小于1k的javascript小例子，里面有很多很炫很酷的游戏和特效，今年规则又增加了新花样，传统的classic类型基础上又增加了WebGL类型，以及允许增加到2K的++类型，多次想尝试提交个小游戏但总无法写出让自己满意还能控制在这么小的字节范围。自己写不出来，站在巨人肩膀总是有机会吧，想起《基于HTML5的电信网管3D机房监控应用》这篇提到的threejs，babyl ...

HTML5 拓扑网格 3D 机房

xhload3d 评论(0) 有1121人浏览 2015-11-24 00:25

透过HT for Web 3D看动画Easing函数本质

http://www.hightopo.com/guide/guide/plugin/form/examples/example_easing.html 50年前的这个月诞生了BASIC这门计算机语言，回想起自己喜欢上图形界面这行，还得归功于当年在win98下用QBASIC照葫芦画瓢敲了一段绘制奥运五环的代码，当带色彩的奥运五环呈现在自己面前时我已知道自己这辈子要走的路了。在这个忘本逐新的年代不 ...

WebGL 3D 拓扑 Easing html5

xhload3d 评论(0) 有983人浏览 2015-10-03 00:18

HT for Web 中Painter的介绍及用法

鉴于许多同学对Painter不熟悉，所以撰写此文介绍下。Painter的中文意思是画家、漆工，那放到HT里是什么意思呢？很简单，这是HT特有的一种接口，允许开发者在拓扑及其它通用组件上使用Canvas画笔自由绘制内容，现在我们做个例子看一下如何使用Painter。这个例子中我们在拓扑组件的背景上绘制马赛克背景，可以在这里试玩，代码如下： gv.addBottomPainter(functi ...

电信机房网管 HTML5 拓扑

xhload3d 评论(0) 有1201人浏览 2015-09-28 01:11

基于HT for Web 3D 技术快速搭建设备面板

以真实设备为模型，搭建出设备面板，并实时获取设备运行参数，显示在设备面板上，这相比于纯数值的设备监控系统显得更加生动直观。今天我们就� ...

电信机房网管 HTML5 拓扑

xhload3d 评论(0) 有1902人浏览 2015-08-10 08:14

HT for Web基础动画介绍

在上一篇《基于HT for Web矢量实现3D叶轮旋转》一文中，我略微提了下HT for Web基础动画的相关用法，但是讲得不深入，今天就来和大家分享下HT for Web基� ...

HT for Web 动画矢量拓扑 HTML5

xhload3d 评论(0) 有2039人浏览 2015-08-03 08:14

基于HT for Web矢量实现2D叶轮旋转

之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。我们先来看下这个叶轮模型长什么样从模型上看，这个叶轮模型有三个叶片，每一个叶片都是不规则图形，显然无法用上我们HT for Web的基础图形来拼接，那么我们该怎么做呢？很简单，在HT for Web中提供了自定义图形的方案，我们可以通过自定义图形来绘制像叶片这种不规则图形。在绘制叶片之前， ...

HT for Web 矢量拓扑数据绑定 HTML5

xhload3d 评论(0) 有691人浏览 2015-07-20 01:21

基于HTML5的Drag and Drop生成图片Base64信息

HTML5的Drag and Drop是很不错的功能，网上使用例子较多如 http://html5demos.com/drag ，但这些例子大部分没实际用途，本文将搞个有点使用价值的例子，通过Drag and Drop生成图片的Base64的字符串信息。使用Base64方式的图片有诸多好处，可将多个图片信息整合到单个js文件避免多次http请求，可以避免WebGL例子跨域访问的安全限制无法本 ...

HTML5 Base64 draganddrop 拓扑 HTforWeb

xhload3d 评论(0) 有895人浏览 2014-12-19 01:06

HT for Web整合OpenLayers实现GIS地图应用

HT for Web作为逻辑拓扑图形组件自身没有GIS功能，但可以与各种GIS引擎即其客户端组件进行融合，各取所长实现逻辑拓扑和物理拓扑的无缝融合，本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点，该文介绍的结合的原理，其实还可推广到与ArcGIS、百度地图以及GoogleMap等众多GIS地图引擎融合的解决方案。以上抓图为本文介绍的例子最终运行效 ...

GIS OpenLayers Hightopo 拓扑 HTML5

xhload3d 评论(2) 有2870人浏览 2014-12-02 02:51

WebGL 3D on iOS8 正式版

今天iOS8终于正式发布了，升级了手头设备后对我来说最重要的就是测试WebGL的3D是否真的能跑苹果的系统了，跑了多个HT for Web的3D例子都非常流畅，比Android刚支持WebGL时好太多了，基本还没发现什么问题，苹果做事还是值得肯定，要嘛不做，要做就做真正能用的WebGL。以下是跑HT for Web的3D网络空间拓扑图在iphone5上的截图和视频操作效果，自然不如PC上 ...

拓扑 3D iOS8 WebGL 网管

xhload3d 评论(0) 有982人浏览 2014-09-18 15:05

Autolayout性能优化

客户的需求就是我们进步的动力。最近有客户提出大数据量Topo图的自动布局问题，在Topo中除了Node、Link，还包括Group、Subnetwork等容器组件。在这样的情况下，我们抛开布局算法不谈，主要分析如何提高布局的性能，如何让TWaver能够支持更强大的数据量，让整体的布局效果更人性化。首先我们应该去发现问题的根源，当TWaver支持大数据量时候，布局效果不佳，那么我们PC都在做什么呢 ...

拓扑 MONO Design TWaver

TWaverGeek 评论(0) 有984人浏览 2014-09-03 11:05

HT图形组件设计之道（一）

HT for Web简称HT提供了涵盖通用组件、2D拓扑图形组件以及3D引擎的一站式解决方案，正如Hightopo官网所表达的我们希望提供：Everything you need to create cutting- ...

图形组件电信拓扑网管矢量

xhload3d 评论(0) 有1782人浏览 2014-08-11 00:04

HT for Web中3D流动效果的实现与应用

流动效果在3D领域有着广泛的应用场景，如上图中医学领域可通过3D的流动直观的观察人体血液的流动，燃气领域可用于监控管道内流动的液体或气体的流向、流速和温度等指标。

3D Hightopo HTML5 电信拓扑

xhload3d 评论(0) 有1692人浏览 2014-06-05 23:37

透过WebGL 3D看动画Easing函数本质

50年前的这个月诞生了BASIC这门计算机语言，回想起自己喜欢上图形界面这行，还得归功于当年在win98下用QBASIC照葫芦画瓢敲了一段绘制奥运五环的代码，当带色彩的奥运五环呈现在自己面前时我已知道自己这辈子要走的路了。在这个忘本逐新的年代不见多少媒体提及这影响了几代人的BASIC语言的50年庆了。如今消费者对用户体验的高要求，以远不能以静态平面图形打动人心，动画已是衡量前端产品用户体验不可 ...

电信网管 3D 拓扑 Hightopo

xhload3d 评论(0) 有1054人浏览 2014-05-29 16:20

3D拓扑自动布局之Node.js篇

上篇将3D弹力布局的算法运行在Web Workers后台，这篇我们将进一步折腾，将算法运行到真正的后台：Node.js，事先申明Node.js篇和Web Workers篇一样，在这个应用场景下并不能提高性能，纯粹为了折腾好玩，当然也不会白玩，人生就在折腾中，只有折腾才能真正成长。核心实现代码和Web Workers篇基本一致，唯一区别在于前后台交互的方式上，worker通过postMe ...

3D 拓扑自动布局 Node.js WebGL

xhload3d 评论(0) 有1672人浏览 2014-02-20 15:50

博客专栏推荐

本月博客排行

年度博客排行

最新文章列表