基于HTML5技术的电力3D监控应用（一）

最近参与了国网计量中心的四线一库自动化检定系统的项目开发，团队封闭开发了大半年终于快到尾声了，整个项目过程实在非常累，我的mentor杨杨老师是这样描述的：累的不想说话了。我估计是我太渴望新知识，整天不断问他问题把他搞烦了。

对我这种新人来说还是相当充实的，整个系统需要和硬件厂家对接采集硬件数据，需要和实时数据库厂家对接实时数据，需要和视频厂家对接视屏界面组件，还要和国家电网的业务专家请教业务知识，我从只会写代码的程序员慢慢变得也喜欢和人打交道了。

对于我最有意义的是我终于可以真正从事基于HTML5技术的开发了，以前呆过几家互联网公司总要痛苦的去做兼容IE6、7、8的无趣事情，每天看到HTML5技术的日新月异而我却只能望梅止渴，现在做回企业应用开发，虽然老同事笑我从toC降级做toB，但我自己倒觉得能用上HTML5技术是升级，并且在项目界面呈现上我们采用了HT for Web(www.hightopo.com)的基于WebGL的3D引擎框架，让我们整天面对CRUD的企业应用，增加了很大的3D应用亮点，搞得很多其他部分同事因为能参与3D的开发很想加入我们项目组，这个HT for Web只有100多k的精巧引擎实在让我惊叹，我们团队尝试过threejs和unity3d等多种解决方案，最终选型用HT的引擎这个最适合企业应用的框架，现在项目如此顺利的完成，不得不说我们团队的选择还是非常正确的，先展示几张项目的现场抓图：

HT的培训师还是很有爱的，项目初期一天的培训就让我们能快速做出各种3D场景，后来在领导的要求下他们又增加了对HTML5和3D基础深入培训，让我们这些门外汉很快就能掌握HTML5和3D的很多技术知识点，并且能将这些知识融合到项目做出各种特效。

HT for Web的3D引擎设计很独特，完全用面对对象的模式来开发三维场景，将常规2D图形组件的Model-View-Presenter (MVP) 设计模式与3D引擎融合一体，这种完全可以控制模型所有属性事件变化的模式还是很独创的，记得刚开始培训师我还班门弄斧的问HT的培训师：你们HT for Web的引擎开发的系统FPS(Frames Per Second)能达到多少，还好他们没有鄙视我，他们很自豪的告诉我他们的FPS常为0，因为HT基于MVP的设计模型可监控所有属性变化，因此如果模型没有变化时，无需进行传统3D引擎那样无谓的刷新，这点也印证他们一直强调的HT最适合企业应用开发的特点。

能跑在移动终端也是我们选择HTML5基于以及HT for Web框架的原因之一，我特意测试了用HT写的例子和用其他引擎写的例子跑在我的Nexus 7的第二代Android平板上，果然用HT写的例子耗电非常少，其他引擎写的例子很容易就耗掉了我小板子的很多电量。不过虽然HTML5跨平台听起来很美，但不同移动平台对HTML5的支持还是有有些不足和差异的地方，不过使用了HT后这些问题大部分被框架搞定了，我们不必再经历兼容IE678的痛苦。