上節課已經詳細描述了微模塊機房的實現過程,文章地址(https://www.cnblogs.com/yeyunfei/p/10484241.html) 緊接着上節課的內容 我們這節可來詳細講解科技版機房的三維實現 隨着數據大屏的普及,實用與科技感這樣的雙向標應運而生。 這節課我們就主要展示 ...
序: 上節課已經詳細描述了普通機房的實現過程,文章地址 https: www.cnblogs.com yeyunfei p .html 緊接着上節課的內容 我們這節可來詳細講解機房微模塊的三維實現 首先我們先看一下整體的效果圖: 這是單個微模塊的模擬最后的系統效果 下面我們進入正文,詳細講解創建過程 機房的以及其它動力環境的創建 前面的課程已經講訴 這里不在累贅描述 一 創建組件 正所謂造車得現有 ...
2019-03-09 11:17 7 7969 推薦指數:
上節課已經詳細描述了微模塊機房的實現過程,文章地址(https://www.cnblogs.com/yeyunfei/p/10484241.html) 緊接着上節課的內容 我們這節可來詳細講解科技版機房的三維實現 隨着數據大屏的普及,實用與科技感這樣的雙向標應運而生。 這節課我們就主要展示 ...
序: 目前市面上的數據中心主要分兩大類,一類屬於普通數據中心,機櫃按照XY軸 有序排放,一類屬於微模塊集合的數據中心,多個機櫃組合而成的微模塊。 本節課主要詳細講解普通數據中心的可視化展示,瀏覽器直接查看機房實時3D數據。 功能簡述:普通3D機房搭建,機櫃、服務器、端口 ...
寫在前面的話: 說點啥好呢?就講講前兩天的小故事吧,讓我確實好好反省了一下。 前兩天跟朋友一次技術對話,對方問了一下Geometry與BufferGeometry的具體不同,我一下子腦袋短路,沒點到重點定義,被朋友嘲笑一番,虧還搞了three.js 這么久,這么簡單 ...
序:前段時間公司一次研討會上,一市場部同事展現了同行業其他公司的3D機房,我司領導覺得這個可以研究研究,為了節約成本,我們在網上大量檢索,派本人研究一下web3D的技術,於是乎便有了下面的技術分享。 其它相關文章: 使用webgl(three.js)創建3D機房,3D機房微模塊詳細介紹(升級版二 ...
接着上一篇文章,《如何用webgl(three.js)搭建處理3D園區、3D樓層、3D機房管線問題(機房升級版)-第九課(一)》 繼續講解關於三維數據中心管線可視化的解決方案。 上一篇我們主要講解了園區的方案,這一片主要講解樓層內的以及機房內的可視化管線方案。 因為是繼着上一篇文章,這里就不 ...
前言 用 WebGL 渲染的 3D 機房現在也不是什么新鮮事兒了,這篇文章的主要目的是說明一下,3D 機房中的 eye 和 center 的問題,剛好在項目中用上了,好生思考了一番,最終覺得這個例子最符合我的要求,就拿來作為記錄。 效果圖 http://hightopo.com/demo ...
對於 3D 機房來說,監控已經不是什么難事,不同的人有不同的做法,今天試着用 HT 寫了一個基於 HTML5 的機房,發現果然 HT 簡單好用。本例是將燈光、霧化以及 eye 的最大最小距離等等功能在 3D 機房中進行的一個綜合性的例子。接下來我將對這個例子的實現進行解析,算是自己對這個例子的一個 ...
前面我們簡單介紹了下一分鍾創建3D機房,實則mono Design的功能遠遠不止這些,試想一下,如果我們花上10分鍾來創建一個電信機房,那么MONO design又會給我們帶來什么樣的驚喜呢? 我們從創建設備開始,在mono Design的起始頁直接進入設備編輯界面,設備編輯和房間有所不同 ...