xhload3d

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

摘要： 实现Heatmap的开源js库比较出名的就是 heatmapjs ，该框架发展了2年多，作者Patrick Wied最近决定在保持开源的基础上，提供有偿的商业支持服务，这是好事，地球上绝大部分开源项目作者搞个barely可用的初级版本后，就多年不见更新了，而真正能实际上线使用的产品哪有不需要持续完善、增强可扩展性以及提供特殊定制服务的，考虑到作者这两年已无偿投了这么多（Over the last 2 years, I devoted more than 500 hours of work to improving heatmap.js to make it a truly great library. ），希望此文也能帮作者在国内起点宣传作用。 阅读全文

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

摘要： 最后几点设计控件的建议： 切换到使用者角度，即站在上层应用者角度提供最简洁符合业务逻辑的API接口，尽量不暴露图形相关参数，图形参数对上层使用着是晦涩的，暴露了你自己也是非常难改动和维护 不要一开始设计就考虑如何操作，如何动画，操作和动画都可以在基础API基础上扩展再封装，某种程度上来说，如何操作和如何动画甚至不属于控件封装该干的，至少可再提供进一层的封装，这样可随意切换操作和动画逻辑，而不影响底层控件的数据模型和绘制逻辑 尽量让绘制代码和业务逻辑代码分离，这点如果采用最基础的绘制代码的确很难分离，这也是HT尽量采用矢量描述，不让用户控制底层绘制代码的初衷 阅读全文

摘要： 讨论前先设定话题的边界，HT是基于HTML5的图形组件库，因此文章的案例更多会涉及HTML和JavaScript语言，但并不局限于Web前端，设计思想上同样适用于任何GUI语言平台。完整的前端设计是需要考虑到后台加载并发等因素，但本系列更侧重于纯客户端图形组件，不涉及网络通讯部分的思考，这里讨论的话题会与以下关键字更为相关：企业应用、Single Page Application、重客户端交互、监控、MV*等。 阅读全文

摘要： 提起矢量一般都会想到SVG，但这是个坑人的玩意儿，这么多年就没见一个完善的实现者，浏览器实现千差万别，高级属性根本不能玩，Adobe SVG Viewer好多年前就停止更新，Flex支持SVG导入也仅供基本属性玩玩，当然SVG也不是一无是处highcharts还是运用得很不错，Java领域也有维护多年的 Batik 项目可用。但，我还是不喜欢DOM上太重都是元素，不喜欢庞大包罗万象搞得没有一家能完美实现的标准，另外用XML、Flex的MXML或Sliverlgiht/WPF的XAML来描述图形实在是笨重不灵活，基于HTML5的HT for Web很自然的选择了一条自定义简单标准的JSON格式路线。 阅读全文

摘要： 这个小坑给了我两点思考： 1、有些花哨的用法如a.push.apply(a, b);还是用于面试题装逼就行，实战上还是多走老实路线免得遇到异常和性能的坑。 2、http://stackoverflow.com/questions/1374126 从stackoverflow找答案时不要仅盯着投票最多的，真理往往掌握在少数人手中，下图259票的回答是个坑，34票的才是最完美的分析。 阅读全文

摘要： Hightopo的HT for Web作为3D客户端呈现解决方案，今天介绍的重点不在于采集这些指标，而在于如何应用HT的预定于3D元素来实现流动的效果。在《透过WebGL 3D看动画Easing函数本质》这篇介绍的基于HT for Web的动画，是通过改变模型的位置方向来实现动画，而本文要介绍的方案则是保持模型位置方向不动，而是通过控制模型的贴图参数uvScale和uvOffset实现流动的控制，这样实现的好处是没有增加过多的3D图元模型，同时可借助2D的图片融合到3D进行呈现，毕竟美工改变2D图片，或程序员内存中动态改变2D图片，都会比动态改变3D模型来的容易且轻量。 阅读全文

摘要： WebGL on iOS8 终于等到了这一天 阅读全文

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