摘要：
前一篇谈及到了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*的框架，性能和各种潜在的内存问题放心的交给框架去解决 阅读全文
总结下本篇的两个观点：
1、再好的封装设计也需要使用者掌握基本的架构脉络，就像再好的车你也得学会开学会基本的保养，什么都不学的话，再好的框架也会像好车一样被你开坏
2、不要惧怕MV*的事件和引用关系，理清事件机制和对象引用关系后，你可以精确掌控任何时刻的任何内部细节，这点主要针对设计框架者而言，使用者应该大胆的拥抱MV*的框架，性能和各种潜在的内存问题放心的交给框架去解决 阅读全文
摘要：
在3D拓扑上可以创建各种各样的图元，在HT for Web系统中提供了一些常规的3D模型，但是对于那些比较复杂的模型，比如汽车、人物等模型就无能为力了，那再项目中需要用到这样的模型该肿么办呢？这时候就需要借助专业的3ds Max工具来建模了，然后通过3ds Max工具将模型导出成obj文件，然后再项目中引用导出的obj文件，这样就能成功的使用上复杂的图元了 阅读全文
在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的三维拓扑自动布局弹力算法，这样可直观的观察图元节点在不同的空间位置动态变化时地板的温度热图变化效果。 阅读全文
我将采用heatmapjs在内存中实时运算出热图，结合hightopo(http://www.hightopo.com/)的HT for Web的3D引擎，以一堆节点连线关系的3D的网络拓扑图，其中节点代表热源，其越接近地面则地面温度越高，这样每个节点的xz面坐标信息作为要传入给heatmapjs的点xy二维坐标信息，三维节点的elevation也就是y轴信息，则作为离地面的距离信息，距离越大转成要传入heatmapjs的value值越小，最后启动HT for Web的三维拓扑自动布局弹力算法，这样可直观的观察图元节点在不同的空间位置动态变化时地板的温度热图变化效果。 阅读全文
摘要：
Hightopo的HT for Web作为3D客户端呈现解决方案，今天介绍的重点不在于采集这些指标，而在于如何应用HT的预定于3D元素来实现流动的效果。在《透过WebGL 3D看动画Easing函数本质》这篇介绍的基于HT for Web的动画，是通过改变模型的位置方向来实现动画，而本文要介绍的方案则是保持模型位置方向不动，而是通过控制模型的贴图参数uvScale和uvOffset实现流动的控制，这样实现的好处是没有增加过多的3D图元模型，同时可借助2D的图片融合到3D进行呈现，毕竟美工改变2D图片，或程序员内存中动态改变2D图片，都会比动态改变3D模型来的容易且轻量。 阅读全文
Hightopo的HT for Web作为3D客户端呈现解决方案，今天介绍的重点不在于采集这些指标，而在于如何应用HT的预定于3D元素来实现流动的效果。在《透过WebGL 3D看动画Easing函数本质》这篇介绍的基于HT for Web的动画，是通过改变模型的位置方向来实现动画，而本文要介绍的方案则是保持模型位置方向不动，而是通过控制模型的贴图参数uvScale和uvOffset实现流动的控制，这样实现的好处是没有增加过多的3D图元模型，同时可借助2D的图片融合到3D进行呈现，毕竟美工改变2D图片，或程序员内存中动态改变2D图片，都会比动态改变3D模型来的容易且轻量。 阅读全文
摘要：
之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。 阅读全文
之前在拓扑上的应用都是些静态的图元，今天我们将在拓扑上设计一个会动的图元——叶轮旋转。 阅读全文
摘要：
以真实设备为模型，搭建出设备面板，并实时获取设备运行参数，显示在设备面板上，这相比于纯数值的设备监控系统显得更加生动直观。今天我们就在HT for Web的3D技术上完成设备面板的搭建。http://www.hightopo.com/demo/blog_3d_20150810/server.html 阅读全文
以真实设备为模型，搭建出设备面板，并实时获取设备运行参数，显示在设备面板上，这相比于纯数值的设备监控系统显得更加生动直观。今天我们就在HT for Web的3D技术上完成设备面板的搭建。http://www.hightopo.com/demo/blog_3d_20150810/server.html 阅读全文
摘要：
上篇将HT for Web的3D拓扑弹力布局的算法运行在Web Workers后台（http://www.hightopo.com/blog/70.html），这篇我们将进一步折腾，将算法运行到真正的后台：Node.js，事先申明Node.js篇和Web Workers篇一样，在这个应用场景下并不能提高性能，纯粹为了折腾好玩，当然也不会白玩，人生就在折腾中，只有折腾才能真正成长。 阅读全文
上篇将HT for Web的3D拓扑弹力布局的算法运行在Web Workers后台（http://www.hightopo.com/blog/70.html），这篇我们将进一步折腾，将算法运行到真正的后台：Node.js，事先申明Node.js篇和Web Workers篇一样，在这个应用场景下并不能提高性能，纯粹为了折腾好玩，当然也不会白玩，人生就在折腾中，只有折腾才能真正成长。 阅读全文
摘要：
在HT for Web中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观，一眼望去可以把整个树状结构数据看个大概，但是在弹力布局的作用下，其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了，那么这个3D树具体长成啥样呢，我们来一起目睹下~ 阅读全文
在HT for Web中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观，一眼望去可以把整个树状结构数据看个大概，但是在弹力布局的作用下，其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了，那么这个3D树具体长成啥样呢，我们来一起目睹下~ 阅读全文
摘要：
整个例子的运行效果给我感觉就像这个社会各式各样的人生路，大家都逃不过出生和死亡，大家的起点是一样的，终点的死亡也是谁也躲不过的，但不同人可以走出不同的人生曲线，easeNone:function(t){return t}这条是均匀的直线，给我感觉就是公务员之路，没有大起大落，每年都会收入更好，但快不来只能慢慢熬；elasticOut是最顺利的年少就达到事业巅峰，当然后续也没啥追求一路高位稳定等死；elasticOut是大器晚成类型，一路平平毫无建树，终老之前也有幸快速达到了目的地；其他波折动荡的类型如创业人生，每天你都不知道明天会发生什么，你可能一直坐着过山车，时而在低谷时而在顶峰，不过怎么样只要坚持继续前进人人都会达到理想的终点：
Everything will be okay in the end. If it’s not okay, it’s not the end. 阅读全文