如何系統的學習three js？

1樓：羅夏貓

從零初嘗Three.js

有大量案例和找尋原始碼的方法噢https://

lin_daren.gitee.io/lindada-blog/2020/06/25/%E4%BB%8E%E9%9B%B6%E5%BC%80%E5%A7%8B%E5%88%9D%E5%B0%9DThree-js/

2樓：大城小格

說要從圖形學什麼鬼看起的，絕對他媽的都是不懂的。學軟體最重要的一條是：不需要基礎。

因為軟體玩的基本上都是概念，你難道還要從組合語言開始了解暫存器如何工作？都是前人為了實現乙個目的設計出來的模式然後取個漂亮的名字。

所以，要學習Three.js, 直接就從Three.js入手。一些原理不必深究，知道他是個概念就好。然後這個基礎上理解Three的寫法。

3樓：

建議理論+實踐平行推進。

理論部分可以學習圖形學的基本概念，類似Eric Haines的Interactive 3D GraphicsUdacity

實踐部分建議從淺入深

可以考慮先玩一玩Aframe（在three js之上封裝的一層，可以只用html5 來建立最基礎的3D網頁），有了這個嘗試，就可以對web端的一些3D內容有了入門的認知了。

接下來很快會發現aframe的限制，你就開始對Web 3D 內容有了進一步的需求（比如說有一些你想做，但是aframe無法幫你實現的東西，或者實現的結果有很大的侷限性），有了這層體會再開始進入threejs的環境學習，會更有幫助，你會更快的對它有完整的認知。

當然threejs的example和document都有很多可以看的，大多數人應該都是由此入門的。同時也可以多去看看其他基於threejs的庫都實現了什麼東西。隨著深入，你也會發現threejs的侷限性，很多是效能上的問題。

這時候，就可以開始看webgl了。

最近我們公司的實習生在學習這些東西，我大概就是用這個路徑引導他逐漸深入學習的。ps他並不是cs背景，而是學business的，從這個角度入手，本身也是對前端開發的乙個逐漸熟悉的路徑，所以對於完全沒基礎的人比較友好。

4樓：Milo Yip

如果未學過計算機圖形學，可試

《Interactive 3D Graphics Course with Three.js and WebGL》免費線上課程。

5樓：墨爾本的風

同意樓上說的先看webgl程式設計這本書。先對webgl有個大概了解，然後可以買一本threejs開發指南，再加上官方的demo學完差不多就可以做一些東西了，隨後再補補圖形學和OpenGL的知識。

6樓：shadow.Chi

補充下，最近發現個封裝webgl更簡單的js庫，skecthjs，命令超簡單，可以實現很多內容，建議嘗試。

還有另乙個框架：aframe，也可以進行webgl開發，而且還相容VR模式！

api也比threejs簡單。

-----建議先學unity3d。然後再學threejs。概念都差不多。

unity的文件教程齊全，而且一次開發多平台輸出。

threejs比較煩人的是除錯的時候，不太方便，沒有視覺化檢視。

7樓：王哲

如果真要學，大致的翻一翻WebGL入門，有乙個大致的了解多看 Three.js 官網給出的 example 的原始碼學好數學

最後的最後，如果碰到複雜的material，還是得上著色器語言

8樓：

正好剛上手webgl，分享一下個人經歷，希望有幫助：

圖形學基礎->openGL -> Js->WebGL->讀three.js程式碼/範例

Js在http://

codecademy.com

學webgl: WebGL Programming Guide: Interactive 3D Graphics Programming with WebGL

如果沒有圖形學背景，這個路線也許過於耗時

opengl/webgl重疊較大，精讀其一

9樓：

圖靈社群: 合集 : Three.js入門指南

首先要對圖形學的知識有基本的了解，然後一點一點學起來，Three.js的框架思路就是建立場景（scene），然後往場景裡新增各種元素，相機，燈光。最後在canvas上加入renderer渲染。

同時官網有很多酷炫的demo和原始碼，慢慢看

如何系統的學習three js？

如何系統的學習Windows Server？

如何系統的學習catia？

如何系統的學習藏語？

其他用戶還看了：