xhload3d

摘要： 最近搞个游戏遇到最短路径的常规游戏问题，一时起兴基于HT for Web写了个A*算法的WebGL 3D呈现，算法基于开源 https://github.com/bgrins/javascript-astar 的javascript实现，其实作者也有个不错的2D例子实现 http://www.briangrinstead.com/files/astar/ ，只不过觉得所有A*算法的可视化实现都是平面的不够酷，另外还有不少参数需要调节控制，还是值得好好搞个全面的Demo，先上张2D和3D例子的对照图。 阅读全文

摘要： 汉诺塔的游戏规则及递归算法分析请参考http://en.wikipedia.org/wiki/Tower_of_Hanoi。 知道了汉诺塔的规则和算法，现在就开始创建元素。用HT for Web（http://www.hightopo.com）现有的3D模板创建底盘和3根柱子不是问题，问题是要创建若干个中空的圆盘。一开始的想法是：创建一个圆柱体，将圆柱体的上下两端隐藏，设置柱面的宽度来实现圆盘的效果，经过多次尝试并查阅相关api文档，发现柱面是没有厚度的，改方法不可行。 后来在HT for Web自定义3D模型的WebGL应用（http://www.hightopo.com/blog/381.html）受到启发，圆盘的形成就是在xy平面上的一个矩形，根据y轴旋转一周产生的，通过查阅相关文档，最总决定采用ht.Default.createRingModel方法来创建圆盘模型，然后在创建no 阅读全文

摘要： HT for Web的HTML5树组件有延迟加载的功能，这个功能对于那些需要从服务器读取具有层级依赖关系数据时非常有用，需要获取数据的时候再向服务器发起请求，这样可减轻服务器压力，同时也减少了浏览器的等待时间，让页面的加载更加流畅，增强用户体验。 阅读全文

摘要： 但我作为程序员可是要考虑自己的职业生涯的，可能有人喜欢成为能维护CORBA或IBM大机那样的稀有物种得到高薪，我还是喜欢朝气蓬勃的技术氛围，我喜欢每天上Hacker News都能见到讨论我从事的技术的新鲜事，我喜欢有搞通用组件有Sencha和Kendoui可选择，搞图表有Highcharts可选择，搞2D拓扑和3D机房有Hightopo可选择，搞移动应用有JQuery Mobile可选择，每周末到徐家汇公园那个照的到太阳看得见湖色几乎成为我私人定制的木凳，打开平板好好通读这一周Web前端发送的一切新鲜事，是的我有JavaScript Weekly、HTML5 Weekly和Modern Web Observer可选择，我很庆幸自己活在这个HTML5时代，可以用一门javascript语言技术玩通用组件，玩Chart，玩拓扑，完3D，是的还可以玩后台NodeWeekly，再说了不成为稀缺动物，就玩HT 阅读全文

摘要： 最近折腾HTML5游戏需要离线存储功能，便把目前可用的几种HTML5存储方式研究了下，基于HT for Web写了个综合的实例，分别利用了Cookie、WebStorage、IndexedDB以及FileSystem四种本地离线存储方式，对燃气监控系统的表计位置、朝向、开关以及表值等信息做了CURD的存取操作。 HTML5的存储还有一种Web SQL Database方式，虽然还有浏览器支持，是唯一的关系数据库结构的存储，但W3C以及停止对其的维护和发展，所以这里我们也不再对其进行介绍：Beware. This specification is no longer in active maintenance and the Web Applications Working Group does not intend to maintain it further. img src="http://www.hightopo.com/blog/wp-content/uploads/2014/12/Screen-Shot-2014-12-22-at-1.39.12-AM.png" 阅读全文

摘要： 最近折腾HTML5游戏需要离线存储功能，便把目前可用的几种HTML5存储方式研究了下，基于HT for Web写了个综合的实例，分别利用了Cookie、WebStorage、IndexedDB以及FileSystem四种本地离线存储方式，对燃气监控系统的表计位置、朝向、开关以及表值等信息做了CURD的存取操作。 阅读全文

摘要： 前一篇谈及到了ECharts整合HT for Web的网络拓扑图应用，后来在ECharts的Demo中看到了有关空气质量的相关报表应用，就想将百度地图、ECharts和HT for Web三者结合起来也做一个类似空气质量报告的报表+拓扑图应用，于是有了下面的Demo：http://www.hightopo.com/demo/blog_baidu_20150928/ht-baidu.html 阅读全文

摘要： 总结下本篇的两个观点： 1、再好的封装设计也需要使用者掌握基本的架构脉络，就像再好的车你也得学会开学会基本的保养，什么都不学的话，再好的框架也会像好车一样被你开坏 2、不要惧怕MV*的事件和引用关系，理清事件机制和对象引用关系后，你可以精确掌控任何时刻的任何内部细节，这点主要针对设计框架者而言，使用者应该大胆的拥抱MV*的框架，性能和各种潜在的内存问题放心的交给框架去解决 阅读全文

摘要： 在3D拓扑上可以创建各种各样的图元，在HT for Web系统中提供了一些常规的3D模型，但是对于那些比较复杂的模型，比如汽车、人物等模型就无能为力了，那再项目中需要用到这样的模型该肿么办呢？这时候就需要借助专业的3ds Max工具来建模了，然后通过3ds Max工具将模型导出成obj文件，然后再项目中引用导出的obj文件，这样就能成功的使用上复杂的图元了 阅读全文

摘要： 我将采用heatmapjs在内存中实时运算出热图，结合hightopo(http://www.hightopo.com/)的HT for Web的3D引擎，以一堆节点连线关系的3D的网络拓扑图，其中节点代表热源，其越接近地面则地面温度越高，这样每个节点的xz面坐标信息作为要传入给heatmapjs的点xy二维坐标信息，三维节点的elevation也就是y轴信息，则作为离地面的距离信息，距离越大转成要传入heatmapjs的value值越小，最后启动HT for Web的三维拓扑自动布局弹力算法，这样可直观的观察图元节点在不同的空间位置动态变化时地板的温度热图变化效果。 阅读全文