基於 HTML5 WebGL 的 3D 科幻風機
前言 許多世紀以來，風力機同水力機械一樣，作為動力源替代人力、畜力，對生產力的發展發揮過重要作用。近代機電動力的廣泛應用以及二十世紀50年代中東油田的發現，使風機發電機的發展緩慢下來。 ...
原文：基於 HTML5 WebGL 的 3D “彈力”布局
分子力 molecular force ，又稱分子間作用力 范得瓦耳斯力，是指分子間的相互作用。當二分子相距較遠時，主要表現為吸引力，這種力主要來源於一個分子被另一個分子隨時間迅速變化的電偶極矩所極化而引起的相互作用 當二分子非常接近時，則排斥力成為主要的，這是由於各分子的外層電子雲開始重疊而產生的排斥作用。 HT for Web 提供了彈力布局 也稱為力導向布局 的功能，即根據節點之間存在互斥力 ...
2017-11-22 23:48 3 870 推薦指數：
相關推薦
基於 HTML5 WebGL 的 3D 機房
前言 用 WebGL 渲染的 3D 機房現在也不是什么新鮮事兒了，這篇文章的主要目的是說明一下，3D 機房中的 eye 和 center 的問題，剛好在項目中用上了，好生思考了一番，最終覺得這個例子最符合我的要求，就拿來作為記錄。 效果圖 http://hightopo.com/demo ...
基於 HTML5 WebGL 的 3D 科幻風機
前言 許多世紀以來，風力機同水力機械一樣，作為動力源替代人力、畜力，對生產力的發展發揮過重要作用。近代機電動力的廣泛應用以及二十世紀50年代中東油田的發現，使風機發電機的發展緩慢下來。 ...
HTML5的WebGL實現的3D和2D拓撲樹
在HT for Web中2D和3D應用都支持樹狀結構數據的展示，展現效果各異，2D上的樹狀結構在展現層級關系明顯，但是如果數據量大的話，看起來就沒那么直觀，找到指定的節點比較困難，而3D上的樹狀結構在展現上配合HT for Web的彈力布局組件會顯得比較直觀，一眼望去可以把整個樹狀結構數據 ...
基於 HTML5 + WebGL 實現 3D 挖掘機系統
前言 在工業互聯網以及物聯網的影響下，人們對於機械的管理，機械的可視化，機械的操作可視化提出了更高的要求。如何在一個系統中完整的顯示機械的運行情況，機械的運行軌跡，或者機械的機械動作顯得尤為的重要， ...
基於 HTML5 WebGL 的 3D 智慧隧道漫游巡檢
前言 這次為大家展示的是通過 HT for Web 靈活的圖型化編輯工具打造的智慧隧道監控系統。通過 HTML5 技術實現了桌面和移動端的跨平台性，同時現實了可視化運維。 這次主要跟大家分享里面的漫游巡檢功能，完美進行第一人稱視角體驗整體結構環境，酷似游戲一樣給人一種真實的感受，比平面 ...
基於HTML5 WebGL實現3D飛機葉輪旋轉
在上一篇《基於HT for Web矢量實現2D葉輪旋轉》中講述了葉輪旋轉在2D拓撲上的應用，今天我們就來講講葉輪旋轉在3D上的應用。 在3D拓撲上可以創建各種各樣的圖元，在HT for Web系統中提供了一些常規的3D模型，但是對於那些比較復雜的模型，比如汽車、人物等模型就無能為力了，那再項目 ...
基於 HTML5 + WebGL 的太陽系 3D 展示系統
前言 近年來隨着引力波的發現、黑洞照片的拍攝、火星上存在水的證據發現等科學上的突破，以及文學影視作品中諸如《三體》、《流浪地球》、《星際穿越》等的傳播普及，宇宙空間中那些原本遙不可及的事物離我們越來 ...