今天郭先生來說一說uv映射，什么是uv映射？uv映射就是將二維的貼圖映射到對象的一個面（或者多個面）上。說到這個問題，我們就不得不了解一下Geometry的點、面和uv的結構。我們以BoxGeometry為例。 我們可以發現一個長方體由八個點和12個三角面組成，就拿 ...

因為之前的幾節講了一些數學方法，例如Vector3、Matrix4、Euler還有Quaternion的知識。所以這篇郭先生就來說說用three.js怎么制作一個魔方。在線案例請點擊博客原文 制作魔方主要運用坐標變換的知識，制作魔方的方法有很多，建議你先在大腦中構思，然后試着做一做，下面 ...

three.js使用的人太少了，一個博文就幾百個人看，之前發js基礎哪怕是d3都會有幾千的閱讀量，看看以后考慮說一說d3了，哈哈。吐槽完畢回歸正題。前幾天郭先生看到網上有人開發了3D機房，正愁博客沒什么寫的，於是昨天熬夜也做了一個，今天就把大體的流程告訴萌新們，先說說主要功能模塊。 牆體 ...

今天郭先生發現大家更喜歡看我發的three.js小作品，今天我就發一個3d版本推箱子的游戲，其實webGL有很多框架，three.js並不合適做游戲引擎，但是可以嘗試一些小游戲。在線案例請點擊博客原文。 要制作一個推箱子游戲，正常要有以下4個步驟 定義一些數組，要有開始箱子數組、結束 ...

最近學了three.js，想拿來練練手，喜歡宇宙，於是親手擼代碼來完成這個，為了更真實，於是查了一些相關資料。1. 距離太陽由近及遠分別是【水星，金星，地球，火星，木星，土星，天王星，海王星】2. 他們分別到太陽的距離為5791, 10820, 14960, 22794, 77833 ...

今天郭先生又出來制作游戲了，最近有小伙伴要做一個邏輯轉體小游戲，我怎么能不先來試試呢。玩法可以看上面的連接，下面附幾張圖。線案例請點擊博客原文。 游戲規則不懂得可以看自行百度哈，其實玩起來還挺有難度的。關於這個問題，對於新手來說，主要需要克服兩個困難。一是這個模型的旋轉軸不是固定 ...

這一篇書接上文，說一說剩下的一些模塊。 1. 機箱存儲占用比率 機箱存儲占用比其實很簡單，就是在機箱上新加一個組即可，然后根據比率值來設置顏色，這個顏色我們去HSL(0.4,0.8,0.5) ~ HSL(0,0.8,0.5)就是從綠色到紅色。我們就不多廢話了。 2. 監控攝像視角 監控攝像 ...

關於cannon.js我們已經學習了一些知識，今天郭先生就使用已學的cannon.js物理引擎的知識配合three基礎知識來做一個保齡球小游戲，效果如下圖，在線案例請點擊博客原文。 我們需要掌握的技能點，就是已經學過的cannon.js物理引擎知識、three.js車削幾何體 ...