基於HTML5技術的電力3D監控應用(一)

xhload3d發表於2013-12-15

最近參與了國網計量中心的四線一庫自動化檢定系統的專案開發,團隊封閉開發了大半年終於快到尾聲了,整個專案過程實在非常累,我的mentor楊楊老師是這樣描述的:累的不想說話了。我估計是我太渴望新知識,整天不斷問他問題把他搞煩了。

對我這種新人來說還是相當充實的,整個系統需要和硬體廠家對接採集硬體資料,需要和實時資料庫廠家對接實時資料,需要和視訊廠家對接視屏介面元件,還要和國家電網的業務專家請教業務知識,我從只會寫程式碼的程式設計師慢慢變得也喜歡和人打交道了。

對於我最有意義的是我終於可以真正從事基於HTML5技術的開發了,以前呆過幾家網際網路公司總要痛苦的去做相容IE6、7、8的無趣事情,每天看到HTML5技術的日新月異而我卻只能望梅止渴,現在做回企業應用開發,雖然老同事笑我從toC降級做toB,但我自己倒覺得能用上HTML5技術是升級,並且在專案介面呈現上我們採用了HT的基於WebGL的3D引擎框架,讓我們整天面對CRUD的企業應用,增加了很大的3D應用亮點,搞得很多其他部分同事因為能參與3D的開發很想加入我們專案組,先展示幾張專案的現場抓圖:

HT的3D引擎設計很獨特,完全用面對物件的模式來開發三維場景,將常規2D圖形元件的Model-View-Presenter (MVP) 
設計模式與3D引擎融合一體,這種完全可以控制模型所有屬性事件變化的模式還是很獨創的,基於這樣的設計就沒有什麼FPS(Frames Per Second)的概念,因為基於MVP的設計模型可監控所有屬性變化,因此如果模型沒有變化時,無需進行傳統3D引擎那樣無謂的重新整理。基於事件模式的重新整理對於桌面應用可能無所謂,但我們專案選擇基於HMTL5很重要的一點是我們需要利用HTML5的跨平臺技術,讓我們的專案也能跑在Android等移動終端,而對於移動應用來說如果不斷進行無謂的重新整理對於移動終端耗電可是個大問題,下面為幾張移動平板的專案抓圖:

相關文章