最近上線了的基於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