three.js 制作機房（上）
three.js使用的人太少了，一個博文就幾百個人看，之前發js基礎哪怕是d3都會有幾千的閱讀量，看看以后考慮說一說d3了，哈哈。吐槽完畢回歸正題。前幾天郭先生看到網上有人開發了3D機房，正愁博客沒什么寫的，於是昨天熬夜也做了一個，今天就把大體的流程告訴萌新們，先說說主要功能模塊。 牆體 ...
原文：three.js 制作機房（下）
這一篇書接上文，說一說剩下的一些模塊。 . 機箱存儲占用比率 機箱存儲占用比其實很簡單，就是在機箱上新加一個組即可，然后根據比率值來設置顏色，這個顏色我們去HSL . , . , . HSL , . , . 就是從綠色到紅色。我們就不多廢話了。 . 監控攝像視角 監控攝像相機我在強的四個角都放了一個，這里面我們引入了OBJ模型，模型是不帶貼圖的，因此需要自己慢慢設置，幸好這個模型不是很難，只有 個 ...
2020-08-12 09:38 4 1126 推薦指數：
相關推薦
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 制作邏輯轉體游戲（下）
上一篇已經對繞非定軸轉動有所了解，這篇郭先生繼續說一說邏輯轉體游戲的制作，這部分我們同樣會遇到一些小問題，首先是根據數據渲染陷阱和目標區域，然后是對可以轉動的判定，最后是獲勝的判定。 1. 根據數據渲染陷阱和目標區域 首先我們P一張底圖和陷阱圖，如下圖 就像這樣，然后就是根據數據渲染 ...
使用three.js創建3D機房模型-分享一
序：前段時間公司一次研討會上，一市場部同事展現了同行業其他公司的3D機房，我司領導覺得這個可以研究研究，為了節約成本，我們在網上大量檢索，派本人研究一下web3D的技術，於是乎便有了下面的技術分享。 其它相關文章： 使用webgl(three.js)創建3D機房，3D機房微模塊詳細介紹(升級版 ...