xhload3d

摘要： 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拓扑弹力布局的算法运行在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树具体长成啥样呢，我们来一起目睹下~ 阅读全文

摘要： 整个例子的运行效果给我感觉就像这个社会各式各样的人生路，大家都逃不过出生和死亡，大家的起点是一样的，终点的死亡也是谁也躲不过的，但不同人可以走出不同的人生曲线，easeNone:function(t){return t}这条是均匀的直线，给我感觉就是公务员之路，没有大起大落，每年都会收入更好，但快不来只能慢慢熬；elasticOut是最顺利的年少就达到事业巅峰，当然后续也没啥追求一路高位稳定等死；elasticOut是大器晚成类型，一路平平毫无建树，终老之前也有幸快速达到了目的地；其他波折动荡的类型如创业人生，每天你都不知道明天会发生什么，你可能一直坐着过山车，时而在低谷时而在顶峰，不过怎么样只要坚持继续前进人人都会达到理想的终点： Everything will be okay in the end. If it’s not okay, it’s not the end. 阅读全文

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

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

摘要： 以真实设备为模型，搭建出设备面板，并实时获取设备运行参数，显示在设备面板上，这相比于纯数值的设备监控系统显得更加生动直观。今天我们就在HT for Web的3D技术上完成设备面板的搭建。 阅读全文

摘要： 在HT for Web中2D和3D应用都支持树状结构数据的展示，展现效果各异，2D上的树状结构在展现层级关系明显，但是如果数据量大的话，看起来就没那么直观，找到指定的节点比较困难，而3D上的树状结构在展现上配合HT for Web的弹力布局组件会显得比较直观，一眼望去可以把整个树状结构数据看个大概，但是在弹力布局的作用下，其层次结构看得就不是那么清晰了。所以这时候结构清晰的3D树的需求就来了，那么这个3D树具体长成啥样呢，我们来一起目睹下~ 阅读全文