基于HTML5的WebGL电信网管3D机房监控应用

先上段视频，不是在玩游戏哦，是规规矩矩的电信网管企业应用，嗯，全键盘的漫游3D机房:

http://www.hightopo.com/guide/guide/core/3d/examples/example_3droom.html

http://v.youku.com/v_show/id_XNjc2NDQxNDM2.html

随着PC端支持HTML5浏览器的普及，加上主流移动终端Android和iOS都已支持HTML5技术，新一代的电信网管应用几乎一致性的首选HTML5，固然Flex和Silverlight的遗留系统依然存活着，若是不考虑移动终端，不考虑未来维护人员难找，不考虑须要承载成千上万的网元数量，不考虑公司员工的职业生涯前途，哪怕其各自父母adobe和ms都已弃之，其实Flex和Silverlight做为企业应用方案技术上仍是能够的，仍是能存活不少不少年。

但我做为程序员但是要考虑本身的职业生涯的，可能有人喜欢成为能维护CORBA或IBM大机那样的稀有物种获得高薪，我仍是喜欢朝气蓬勃的技术氛围，我喜欢天天上Hacker News都能见到讨论我从事的技术的新鲜事，我喜欢有搞通用组件有Sencha和Kendoui可选择，搞图表有Highcharts可选择，搞2D拓扑和3D机房有Hightopo可选择，搞移动应用有JQuery Mobile可选择，每周末到徐家汇公园那个照的到太阳看得见湖色几乎成为我私人定制的木凳，打开平板好好通读这一周Web前端发送的一切新鲜事，是的我有JavaScript Weekly、HTML5 Weekly和Modern Web Observer可选择，我很庆幸本身活在这个HTML5时代，能够用一门javascript语言技术玩通用组件，玩Chart，玩拓扑，完3D，是的还能够玩后台NodeWeekly，再说了不成为稀缺动物，就玩HTML5不也照样拿高薪，有选择的条件下何苦让本身成为恐龙古董。

回到今天正题，随着去年后半年来IE11和Android浏览器支持WebGL以后，WebGL技术在我接触的行业领域已成燎原之势。什么？还得考虑支持OA老系统的IE678，Chrome Frame插件早就可让IE678910跑WebGL了，更不用说HTML5的2D的Canvas。什么？性能问题，可看看HT for Web 跑数万网元的操做体验视频。

http://v.youku.com/v_show/id_XNjc2NDc3ODgw.html

什么？兼容性问题，这些问题就交给各类框架来解决，HTML5的3D引擎很是多threejs是知名度较高的，但较臃肿大好几百k的包，什么功能都触及但都作不深刻，动画引擎像玩具，作游戏引擎又缺碰撞检测，这点上不及后起之秀babylonjs，最先吸引个人是注意的是介绍babylonjs的这段话 I am a real fan of 3D development. Since I was 16, I spent all my spare time creating 3d engines with various technologies (DirectX, OpenGL, Silverlight 5, pure software, etc.). 这段话老让我郁闷的回忆本身16岁在干嘛？

我喜欢babylonjs主要由于他专一游戏引擎的定位，一样企业应用我选择Hightopo的HT for Web 3D引擎，毕竟企业应用和游戏功能、性能、渲染效果等方面考虑的是不同的，没有一个引擎能解决全部行业的全部问题，干活还得找最对口的工具，Hightopo的3D引擎包很小，核心3D引擎只有几十k，融合通用组件和2D的总体包也才200多k，另外HT的总体开发模式用同一个数据模型驱动了通用组件、2D拓扑组件包括3D引擎的组件，对于我作企业应用的Tree、Table这些和图形的联动是很重要的事情，这点作游戏的同窗可能体会不到咱们这些还得面对一大堆业务表格总体CURD同窗的痛苦，另外Hightopo也具有必要的游戏引擎功能，例如全键盘导航操做功能，支持Mobile的Touch交互功能，基本的Collisions Detection碰撞检测。最后Hightopo毕竟专一电信行业，知道电信网管须要什么模块库，他能知道我等天天面对ODF/DDF/MDF/Shelf/Card/Port这些电信业务模型的痛苦点。见此视频
http://v.youku.com/v_show/id_XNjc2NDUyNjY0.html

使用Hightopo还有很重要的一点就是HT提供了基于HTML5的可视化设计器，无需借助3ds max和maya这样的专业3D设计工具，直接HT 3D Designer经过页面就能进行3D建模，而动态的数据部分经过API的方式驱动生成模型和实时更新便可，最近的这些项目咱们团队不须要美工都能彻底由咱们程序员本身搞定，固然要作漂亮贴图部分仍是须要美工ps的帮助。

就像电信OSS和BSS愈来愈难清晰定界同样，2D和3D的应用也会如此，愈来愈模糊，一个系统将2D和3D融合是必然趋势，你中有我我中有你，也许未来我这个文章标题会让人以为搞笑，机房监控固然要有3D功能了，何须强调3D，没有3D还算是机房监控吗，比如今天的手机，不能上网还算手机吗？

固然Flex、Silverlight还有不少采用Activex的C++引擎也均可以在Web上跑3D的引擎能够支持，但谁能忽视mobile呢，这些年你们受够了Web开发千奇百怪的大杂烩解决方案，每次到运营商客户运维终端看到古老的IE里面跑着各类插件糅合的脆弱系统，各类OA厂家还自鸣得意的支持IE678，还有很多人拿着facebook从html5迁移到native说事，其一那都是过去式了，其二那不是企业应用，Mark Zuckerberg须要的东西和作企业应用的你我是不同的东西，下一个时代的企业应用技术必将是清清爽爽的HTML5！

http://www.hightopo.com/guide/guide/core/3d/examples/example_3droom.html

固然3D不是电信网管的专一，如下是咱们另外一个部门作的太阳能发电、燃气和智能家居行业的3D监控系统应用供参考：
http://player.youku.com/player.php/sid/XNjc2NDUzNzA4/v.swf