three.js 制作機房（下）
這一篇書接上文，說一說剩下的一些模塊。 1. 機箱存儲占用比率 機箱存儲占用比其實很簡單，就是在機箱上新加一個組即可，然后根據比率值來設置顏色，這個顏色我們去HSL(0.4,0.8,0.5) ~ ...
原文：three.js 制作機房（上）
three.js使用的人太少了，一個博文就幾百個人看，之前發js基礎哪怕是d 都會有幾千的閱讀量，看看以后考慮說一說d 了，哈哈。吐槽完畢回歸正題。前幾天郭先生看到網上有人開發了 D機房，正愁博客沒什么寫的，於是昨天熬夜也做了一個，今天就把大體的流程告訴萌新們，先說說主要功能模塊。 牆體 地面 窗戶以及門的實現 雙擊門禁門可開關 。 機櫃實現 機櫃門的開關 機箱的推拉以及開關推拉的條件 。 機箱存 ...
2020-08-11 13:27 7 2132 推薦指數：
相關推薦
Three.js 開發機房（三）
之前三節都沒涉及到機房，只是一些零零散散的知識點，這一節我們就開始正式畫外牆。 首先我了明顯理解以下啥是牆？其實說白了就是一個長方體，長不確定，寬一般也就是40cm，高也就是兩米，這就是一個簡單的牆，當然很多牆上都有窗戶、門啥的，其實也就是在長方體的固定的位置掏個洞，然后放上我們需要方的東西 ...
Three.js 開發機房（一）
說兩句題外話，這兩天之前的項目終於有階段性的勝利了，終於能有點時間總結與下這個項目中用到的東西了，之前四月就准備將Three.js開發機房的案例記錄一下，怎奈天不隨人願，剛准備開始寫這塊東西項目據開始了，然后就開始了昏天黑地的開發，一天天累的狗一樣，廢話少說，開工 ------------------------------------------------------------------ ...
Three.js 開發機房（二）
這一節先不進行后續，我們需要對Three.js的一些屬性進行了解。 1、相機 常用相機除了前一篇博客用到的PerspectiveCamera相機（透視相機）， 還有一款名叫正交相機； 【a】透視相機： 類名：THREE.PerspectiveCamera ，重要參數：fov ...
Three.js 開發機房（四）
這一節我們講講怎么畫機櫃，其實機櫃如果作的復雜一點、逼真一點可以用3D建模工具，不過一般的項目中也不用做的那么麻煩，那我們就可以將機櫃抽象以下，首先它是一塊具有長寬高的立方體鐵塊，然后我們從中間在掏掉 ...
three.js 制作魔方
因為之前的幾節講了一些數學方法，例如Vector3、Matrix4、Euler還有Quaternion的知識。所以這篇郭先生就來說說用three.js怎么制作一個魔方。在線案例請點擊博客原文 制作魔方主要運用坐標變換的知識，制作魔方的方法有很多，建議你先在大腦中構思，然后試着做一做，下面 ...
使用three.js創建3D機房模型-分享一
序：前段時間公司一次研討會上，一市場部同事展現了同行業其他公司的3D機房，我司領導覺得這個可以研究研究，為了節約成本，我們在網上大量檢索，派本人研究一下web3D的技術，於是乎便有了下面的技術分享。 其它相關文章： 使用webgl(three.js)創建3D機房，3D機房微模塊詳細介紹(升級版 ...
three.js 制作太陽系統
最近學了three.js，想拿來練練手，喜歡宇宙，於是親手擼代碼來完成這個，為了更真實，於是查了一些相關資料。1. 距離太陽由近及遠分別是【水星，金星，地球，火星，木星，土星，天王星，海王星】2. 他們分別到太陽的距離為5791, 10820, 14960, 22794, 77833 ...