之前三節都沒涉及到機房，只是一些零零散散的知識點，這一節我們就開始正式畫外牆。 首先我了明顯理解以下啥是牆 其實說白了就是一個長方體，長不確定，寬一般也就是 cm，高也就是兩米，這就是一個簡單的牆，當然很多牆上都有窗戶 門啥的，其實也就是在長方體的固定的位置掏個洞，然后放上我們需要方的東西，比如門，窗戶。 在畫牆之前我們需要對一個機房的俯視圖進行分析，就比如下面這張機房的圖片 圖片來自網絡 就像圖 ...
2019-09-07 21:45 5 1290 推薦指數：
說兩句題外話，這兩天之前的項目終於有階段性的勝利了，終於能有點時間總結與下這個項目中用到的東西了，之前四月就准備將Three.js開發機房的案例記錄一下，怎奈天不隨人願，剛准備開始寫這塊東西項目據開始了，然后就開始了昏天黑地的開發，一天天累的狗一樣，廢話少說，開工 ------------------------------------------------------------------ ...
這一節先不進行后續，我們需要對Three.js的一些屬性進行了解。 1、相機 常用相機除了前一篇博客用到的PerspectiveCamera相機（透視相機）， 還有一款名叫正交相機； 【a】透視相機： 類名：THREE.PerspectiveCamera ，重要參數：fov ...
這一節我們講講怎么畫機櫃，其實機櫃如果作的復雜一點、逼真一點可以用3D建模工具，不過一般的項目中也不用做的那么麻煩，那我們就可以將機櫃抽象以下，首先它是一塊具有長寬高的立方體鐵塊，然后我們從中間在掏掉 ...
three.js使用的人太少了，一個博文就幾百個人看，之前發js基礎哪怕是d3都會有幾千的閱讀量，看看以后考慮說一說d3了，哈哈。吐槽完畢回歸正題。前幾天郭先生看到網上有人開發了3D機房，正愁博客沒什么寫的，於是昨天熬夜也做了一個，今天就把大體的流程告訴萌新們，先說說主要功能模塊。 牆體 ...
這一篇書接上文，說一說剩下的一些模塊。 1. 機箱存儲占用比率 機箱存儲占用比其實很簡單，就是在機箱上新加一個組即可，然后根據比率值來設置顏色，這個顏色我們去HSL(0.4,0.8,0.5) ~ ...
序：前段時間公司一次研討會上，一市場部同事展現了同行業其他公司的3D機房，我司領導覺得這個可以研究研究，為了節約成本，我們在網上大量檢索，派本人研究一下web3D的技術，於是乎便有了下面的技術分享。 其它相關文章： 使用webgl(three.js)創建3D機房，3D機房微模塊詳細介紹(升級版 ...
大學時一直很喜歡玩minecraft這一款游戲，畢業之后便沒有太多的時間玩游戲，但是對其的關注確一直沒有減少，當網易獲得我的世界代理權時，看到網易官網做的炫酷的3Dbanner。非常炫酷，於是萌生了做一個簡單的網頁版的世界的想法。 一，准備工作 1）庫/框架選型 THREE.JS ...
序： 目前市面上的數據中心主要分兩大類，一類屬於普通數據中心，機櫃按照XY軸 有序排放，一類屬於微模塊集合的數據中心，多個機櫃組合而成的微模塊。 本節課主要詳細講解普通數據中心的可視化展示，瀏覽器直接查看機房實時3D數據。 功能簡述：普通3D機房搭建，機櫃、服務器、端口 ...
