基于HTML5的燃气3D培训仿真系统
来源:互联网 发布:怎么解锁windows驱动器 编辑:程序博客网 时间:2024/04/20 11:04
最近上线了的基于HTML5的燃气3D培训仿真系统,以前的老系统是采用基于C++和OpenGL的OpenSceneGraph引擎设计的,OSG引擎性能和渲染效果各方面还是不错的,但因为这次新产品需求要求能运行多移动终端,多年前基于MFC封装OSG的老系统架构也实在该退休了,这年头找能维护MFC这种古董级GUI的靠谱人也非易事。
系统最终采用HT for Web的3D框架实现,项目中的程序员也很高兴有这样的机会终于摆脱维护MFC老系统的宿命,虽然大家都只有C++的开发经验,对HTML/CSS/JS并不熟悉,但毕竟HT for Web已经做了极佳的组件封装,CSS和DOM、包括跨平台的兼容性等棘手问题交给HT框架透明处理,程序员只需要掌握基本的js用法就可以快速上手,按HT的说法类比与关系数据库ORM(Object-relational mapping)映射框架,HT提供的是OVM(Object-View mapping)的框架,只需要基本的面对对象的js操作即可驱动控制各种View组件,当然对于明白原理的人依然可以不受框架约束自如操作HTML的View层。
系统主要分为设备介绍、门站组装、业务培训和模拟考核四大部分:
让我感觉比较爽的是控制3D图元部分,以前不同的设备类型得体力活的写一堆代码,才能好不容易的实现些旋转移动等操作控制,界面控件和3D模型之间的数据同步也得费不少劲,现在用js这种动态语言真是非常灵活,界面都可以非常方面的动态生成,加上HT for Web统一的数据模型自动就能处理好3D图元与控件之间的数据绑定和联动,我干起活来就像搭积木一样轻松,脑子里想的就是业务功能和业务数据,不用再去折腾不同组件如何同步这些数据,控件也无需做什么特殊扩展。
当然目前项目还仅仅是初版移植,业务功能上还未有太大创新,但就目前的进度我们已经体会到HTML5的开发快速性,js语言也不是想象中那么弱,团队控制好一定的编码规范后js的灵活性带来的开发进度提高还是非常显著,刚开始选型大家还在争论OSG基于C++和OpenGL的性能会优于JS和WebGL的方案,但现在回头看我们还是走对路子了,毕竟我们这样的企业应用也不需要像游戏级别的渲染和性能的要求,产品发布轻量,开发可快速迭代更是我们需要追求的路线。
以下是一段平板上的操作视频供参考 http://v.youku.com/v_show/id_XNzA0NjE2MjY0.html
- 基于HTML5的燃气3D培训仿真系统
- 基于OpenGL的3D天空仿真
- 基于 HTML5 WebGL 的 3D 仓储管理系统
- 基于HTML5实现的在线3D虚拟试衣系统(试衣间)解决方案
- 基于 HTML5 Canvas 的简易 2D 3D 编辑器
- 3D仿真企业通讯系统构想
- 基于实时仿真的嵌入式系统结构设计
- 基于STK 的侦察卫星系统效能仿真
- 基于HTML5的电信网管3D机房监控应用
- 基于HTML5的电信网管3D机房监控应用
- 基于HTML5实现的Heatmap热图3D应用
- 基于 HTML5 的 3D 网络拓扑树呈现
- 基于HTML5的3D网络拓扑树呈现
- 基于HTML5的3D网络拓扑自动布局
- 基于HTML5的WebGL设计汉诺塔3D游戏
- 基于HTML5的3D网络拓扑树呈现
- 基于 HTML5 WebGl 的 3D 网络拓扑图
- 基于HTML5和WebGL的3D网络拓扑结构图
- Unity3d通过Action注册事件,回调方法
- Java中读写Properties文件的工具类
- [ios]iOS学习之UITableView(一): 新手篇创建tableView
- 学习的方向和方法的总结
- codeforces The Wall - 题解
- 基于HTML5的燃气3D培训仿真系统
- smarty常用标签
- Elasticsearch 代码执行漏洞
- 如何生成ssh公钥
- [ios]iOS学习之UITableView(二):进阶篇列表中行的操作
- SpringMVC用注解Annotation 驱动的IOC功能@Autowired @Component
- SQL Server 中的分区表(一):什么是分区表?为什么要用分区表?如何创建分区表?
- WPF学习笔记——设置ListBox选中项的背景颜色
- Online advertising术语