基于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的引擎这个最适合企业应用的框架,现在项目如此顺利的完成,不得不说我们团队的选择还是非常正确的,先展示几张项目的现场抓图:

基于HTML5技术的电力3D监控应用(一)_第1张图片

基于HTML5技术的电力3D监控应用(一)_第2张图片

基于HTML5技术的电力3D监控应用(一)_第3张图片

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的痛苦。

你可能感兴趣的:(html5,3D,WebGL,电力,机房)