HT For Web 的HTML5拓扑图组件graphView背景设置有多种途径可选择：
1. divBackground：通过css设置graphView对应的div背景
2. Painter：通过graphView.addBottomPainter(function(g, rect){…})来绘制背景
Layer：通过设置graphView.setLayer(['…', '…', '…', …])来将graphView拆分为多个图层，并为各个图层命名，再让不同种类的node通过node.setLaye...
分类：
Web程序 时间：
2015-03-06 06:22:22
阅读次数：
321
HT For Web(http://www.hightopo.com/)的HTML5拓扑图组件graphView背景设置有多种途径可选择： 1. divBackground：通过css设置graphView对应的div背景 2. Painter：通过graphView.addBottomPainte...
分类：
Web程序 时间：
2015-03-05 23:33:15
阅读次数：
318
SVG与Canvas是HTML5上绘制图形应用的两种完全不同模式的技术，两种绘制图形方式各有优缺点，但两者并非水火不容，尤其是SVG内容可直接绘制在Canvas上的功能，使得两者可以完美的融合在一起，让Canvas可享用到现有丰富的SVG素材，并不失SVG矢量无级缩放的特点。
《基于HTML5的Drag and Drop生成图片Base64信息》这篇虽然展示的是拖拽普通栅格图片的效果，但你也可以直接拖拽SVG格式的图片进行显示，只不过普通图片的格式数据为data:image/png类型，而SVG格式的数据类...
分类：
Web程序 时间：
2015-02-01 16:11:21
阅读次数：
234
在这里我们将构造一个基于HT for Web的HTML5+JavaScript来实现汉诺塔游戏。
汉诺塔的游戏规则及递归算法分析请参考http://en.wikipedia.org/wiki/Tower_of_Hanoi。
知道了汉诺塔的规则和算法，现在就开始创建元素。用HT for Web（http://www.hightopo.com）现有的3D模板创建底盘和3根柱子不是问题，问题是要创建若干个中空的圆盘。一开始的想法是：创建一个圆柱体，将圆柱体的上下两端隐藏，设置柱面的宽度来实现圆盘的效果，经过多...
分类：
Web程序 时间：
2015-01-12 19:15:20
阅读次数：
329
上篇《纯Shading Language绘制HTML5时钟》体现了GLSL可编程性特点，但没有体现GLSL可编程出各种酷炫效果的特点，今天我们将用纯Shading Language绘制火焰效果，并将其应用到《HT图形组件设计之道（四）》飞行的飞机例子上。 火焰的例子我已发在 http://js.do/hightopo/fireball，其本质在绘制gl.POINTS的点类型时，通过在Fragment Shader在点区域内生成noise的噪声用于绘制多种颜色效果，并将多次不同噪声算法生成的颜色进行叠加，同时...
分类：
其他好文 时间：
2015-01-03 23:55:34
阅读次数：
269
构造实体几何CSG全称Constructive solid geometry，是3D计算机图形学中构建模型的常用技术，可通过合并Union、相减Subtraction和相交Intersction的三种取集的逻辑运算，将立方体、圆柱体和棱柱等简单的基础模型，嵌套组合成更复杂三维模型。
CSG的算法这些年来已有各种语言平台版本实现，C++版主流的是 http://opencsg.org/ 已有众多基于该开源类库的应用案例，JavaScript语言较早版实现 http://evanw.github.io/csg....
分类：
Web程序 时间：
2014-12-25 06:39:25
阅读次数：
280
HTML5的Drag and Drop是很不错的功能，网上使用例子较多如 http://html5demos.com/drag ，但这些例子大部分没实际用途，本文将搞个有点使用价值的例子，通过Drag and Drop生成图片的Base64的字符串信息。
使用Base64方式的图片有诸多好处，可将多个图片信息整合到单个js文件避免多次http请求，可以避免WebGL例子跨域访问的安全限制无法本地文件运行等好处，当然弊端也不少例如不能有效利用浏览器图片缓存机制等。使用HT for Web的朋友会发现HT的例子...
分类：
Web程序 时间：
2014-12-19 01:56:32
阅读次数：
221
在《HT for Web整合OpenLayers实现GIS地图应用》篇中介绍了HT for Web与OpenLayers的整合，不少朋友反应国内用得比较多的还是百度地图，虽然HT整合百度地图原理与OpenLayers一致，但不同GIS引擎客户端结合代码细节还是有不少差异，自定义地图风格更是完全不一样，为此我再开篇介绍下HT与百度地图整合的方案，这次我们将改进以前的例子，除了代表城市的拓扑节点外，再增加连线连接省会和城市，实现网络拓扑链路的流动效果。...
分类：
Web程序 时间：
2014-12-04 00:59:45
阅读次数：
299
最近下载了GoodReader App，发现GoodReader中打开的页面不仅支持WebGL，同时还允许跨域访问资源，以前不少HT for Web手册的例子需要Web服务器发布的方式才能访问，否则需采用《矢量组件设计之道（四）》列举的几种解决跨域访问图片或3D的OBJ等资源的技巧。而现在GoodReader中直接打开就可以玩了，加上GoodReader自身对文档管理的方便性，这1块钱的价格真是物超所值！...
分类：
Web程序 时间：
2014-11-29 16:02:01
阅读次数：
134
最近搞个游戏遇到最短路径的常规游戏问题，正巧看到老同事写的3D机房最短路径巡线文章，一时起兴基于HT for Web写了个A*算法的WebGL 3D呈现，算法基于开源 https://github.com/bgrins/javascript-astar 的javascript实现，其实作者也有个不错的2D例子实现 http://www.briangrinstead.com/files/astar/ ，只不过觉得所有A*算法的可视化实现都是平面的不够酷，另外还有不少参数需要调节控制，还是值得好好搞个全面的De...
分类：
Web程序 时间：
2014-11-24 20:57:19
阅读次数：
324
