基於HTML5技術的電力3D監控應用（一）

最近參與了國網計量中心的四線一庫自動化檢定系統的專案開發，團隊封閉開發了大半年終於快到尾聲了，整個專案過程實在非常累，我的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等移動終端，而對於移動應用來說如果不斷進行無謂的重新整理對於移動終端耗電可是個大問題，下面為幾張移動平板的專案抓圖：

基於HTML5技術的電力3D監控應用（一）

最近參與了國網計量中心的四線一庫自動化檢定系統的專案開發，團隊封閉開發了大半年終於快到尾聲了，整個專案過程實在非常累，我的mentor楊楊老師是這樣描述的 累的不想說話了。我估計是我太渴望新知識，整天不斷問他問題把他搞煩了。對於我最有意義的是我終於可以真正從事基於html5技術的開發了，以前呆過幾家...

基於HTML5的3D網路拓撲自動布局

上篇將ht for web的3d拓撲彈力布局的演算法執行在web workers後台 這篇我們將進一步折騰，將演算法執行到真正的後台 node.js，事先申明node.js篇和web workers篇一樣，在這個應用場景下並不能提高效能，純粹為了折騰好玩，當然也不會白玩，人生就在折騰中，只有折騰才能...

基於HTML5實現3D監控應用流動效果

基於html5實現3d監控應用流動效果 流動效果在3d領域有著廣泛的應用場景，如上圖中醫學領域可通過3d的流動直觀的觀察人體血液的流動，燃氣領域可用於監控管道內流動的液體或氣體的流向 流速和溫度等指標。如今企業資料中心機房普遍面臨著裝置散熱的問題，採用冷熱通道方案可大大提高資料中心的散熱能力，充分有...