今天郭先生收到評論,想要之前制作太陽系的案例,因為找不到了,於是在vue版本又制作一版太陽系,在線案例請點擊博客原文(加載時間比較長,請稍等一下)。話不多說先看效果圖。 圖片有點多,先放三張,相比於上一個版本,這個版本制作更加細致,動畫更加流暢。那么下面分析一下主要代碼。 1. 先 ...
最近學了three.js,想拿來練練手,喜歡宇宙,於是親手擼代碼來完成這個,為了更真實,於是查了一些相關資料。 . 距離太陽由近及遠分別是 水星,金星,地球,火星,木星,土星,天王星,海王星 . 他們分別到太陽的距離為 , , , , , , , 單位萬千米 . 他們的半徑分別為 , , , , , , , 千米 . 他們的公轉周期分別為 , , , , , , , 天 . 他們的自轉周期分別為 ...
2019-12-21 17:08 6 1227 推薦指數:
今天郭先生收到評論,想要之前制作太陽系的案例,因為找不到了,於是在vue版本又制作一版太陽系,在線案例請點擊博客原文(加載時間比較長,請稍等一下)。話不多說先看效果圖。 圖片有點多,先放三張,相比於上一個版本,這個版本制作更加細致,動畫更加流暢。那么下面分析一下主要代碼。 1. 先 ...
沒考慮各大行星自轉軸指向的問題,都是默認指向y軸方向。 ...
行星。 效果圖如下: 預覽地址:three.js模擬實現太陽系行星體系 初始化場景、相機、渲 ...
因為之前的幾節講了一些數學方法,例如Vector3、Matrix4、Euler還有Quaternion的知識。所以這篇郭先生就來說說用three.js怎么制作一個魔方。在線案例請點擊博客原文 制作魔方主要運用坐標變換的知識,制作魔方的方法有很多,建議你先在大腦中構思,然后試着做一做,下面 ...
three.js使用的人太少了,一個博文就幾百個人看,之前發js基礎哪怕是d3都會有幾千的閱讀量,看看以后考慮說一說d3了,哈哈。吐槽完畢回歸正題。前幾天郭先生看到網上有人開發了3D機房,正愁博客沒什么寫的,於是昨天熬夜也做了一個,今天就把大體的流程告訴萌新們,先說說主要功能模塊。 牆體 ...
今天郭先生又出來制作游戲了,最近有小伙伴要做一個邏輯轉體小游戲,我怎么能不先來試試呢。玩法可以看上面的連接,下面附幾張圖。線案例請點擊博客原文。 游戲規則不懂得可以看自行百度哈,其實玩起來還挺有難度的。關於這個問題,對於新手來說,主要需要克服兩個困難。一是這個模型的旋轉軸不是固定 ...
這一篇書接上文,說一說剩下的一些模塊。 1. 機箱存儲占用比率 機箱存儲占用比其實很簡單,就是在機箱上新加一個組即可,然后根據比率值來設置顏色,這個顏色我們去HSL(0.4,0.8,0.5) ~ ...
這是個基於three.js的插件,預覽地址:戳這里 使用方法: 1、這個插件的用法很簡單,引入如下2個js 2、初始化一下,(具體各種參數配置根據情況而定) 配置參數 下面是該全景圖插件的所有可用配置參數: 3、上面demo的代碼 ...