What is Three.js

什么是threejs该溯，很簡單凸丸，你將它理解成three + js就可以了。three表示3D的意思香府，js表示javascript的意思。那么合起來码倦，three.js就是使用javascript 來寫3D程序的意思企孩。

Javascript是運行在網(wǎng)頁端的腳本語言，那么毫無疑問Three.js也是運行在瀏覽器上的袁稽。

1勿璃、javascript能寫高效率的3D程序嗎？

能推汽。技術(shù)在進步补疑，幾年前也許這是不行，寫3D程序歹撒，最好是用c++莲组，這樣才能保證效率，但是現(xiàn)在暖夭，世界改變了锹杈。javascript的計算能力因為google的V8引 擎得到了迅猛的增強撵孤，做3D程序，做服務(wù)器都沒有問題竭望。如果你對服務(wù)器感興趣邪码，你可以看看nodejs，當(dāng)然咬清，不是現(xiàn)在”兆ǎ現(xiàn)在，你最好保持熱情枫振，將Three.js學(xué)精深喻圃，在以后的工作學(xué)習(xí)中做出 更大的成績萤彩。

2粪滤、javascript不是在瀏覽器上運行的嗎，那怎么能寫3D程序呢雀扶？

是的杖小，不錯javascript是在瀏覽器里運行的，但是沒有說3D程序就不能在瀏覽器上運行愚墓。

瀏覽器對3D的支持予权，是一個激動人心的特性，現(xiàn)在浪册，是的扫腺，就是現(xiàn)在，你可以寫基于瀏覽器的3D應(yīng)用了村象。

Threejs能做什么

一言以蔽之笆环，它能寫出在瀏覽器上流暢運行的3D程序。

Threejs來源

它源自github的一個開源項目厚者，發(fā)展相當(dāng)迅速躁劣，現(xiàn)在已經(jīng)發(fā)展到r73版了

下載代碼，它的地址是： https://github.com/mrdoob/three.js库菲。

剖析源目錄結(jié)構(gòu)

Build目錄：包含兩個文件账忘，three.js 和three.min.js 。這是three.js最終被引用的文件熙宇。一個已經(jīng)壓縮鳖擒，一個沒有壓縮的js文件。

Docs目錄：這里是three.js的幫助文檔烫止，里面是各個函數(shù)的api败去，可惜并沒有詳細的解釋。試圖用這些文檔來學(xué)會three.js是不可能的烈拒。

Editor目錄：一個類似3D-max的簡單編輯程序圆裕，它能創(chuàng)建一些三維物體广鳍。

Examples目錄：一些很有趣的例子demo，可惜沒有文檔介紹吓妆。對圖像學(xué)理解不深入的同學(xué)赊时，學(xué)習(xí)成本非常高。

Src目錄：源代碼目錄行拢，里面是所有源代碼祖秒。

Test目錄：一些測試代碼，基本沒用舟奠。

Utils目錄：存放一些腳本竭缝，python文件的工具目錄。例如將3D-Max格式的模型轉(zhuǎn)換為three.js特有的json模型沼瘫。

.gitignore文件：git工具的過濾規(guī)則文件抬纸，沒有用。

CONTRIBUTING.md文件：一個怎么報bug耿戚，怎么獲得幫助的說明文檔湿故。

LICENSE文件：版權(quán)信息。

README.md文件：介紹three.js的一個文件膜蛔，里面還包含了各個版本的更新內(nèi)容列表坛猪。

配置你的開發(fā)環(huán)境

1、為什么我的瀏覽器不能運行Three.js皂股？

Three.js本質(zhì)上是Webgl墅茉，如果你的瀏覽器不支持Webgl，那么肯定你就不能完整的運行Three.js呜呐。支持Webgl的瀏覽器很多就斤，例如Chrome、FireFox卵史、360安 全瀏覽器6.0等战转，而IE瀏覽器對Webgl標(biāo)準的支持就不太好。所以我們推薦使用Chrome瀏覽器以躯，你可以在如下地址下載： https://www.google.com/intl/zh-CN/chrome/browser/

2槐秧、javascript用什么工具開發(fā)比較好，可以有智能提示忧设？

老實說刁标，并沒有太好的javascript開發(fā)工具。我們曾經(jīng)試過很多種javascript開發(fā)工具址晕，例如Dreamweaver膀懈、Visual Studio、Zend Studio谨垃、Notepad++启搂、 Eclipse等硼控。發(fā)現(xiàn)都不好用，沒有太好的智能提示胳赌，使用起來特別麻煩牢撼。直到遇到了WebStorm，才心花怒放疑苫，一見鐘情熏版，從此開發(fā)javascript再也沒有離開過WebStorm。 在工具的使用上捍掺，我走了很多彎路撼短，浪費了很多眼球細胞，所以你就不要在這上面多費時間了挺勿，我估計能節(jié)約你5天的時間吧曲横。 你可以到百度里去尋找WebStorm，然后下載它满钟，為了給你節(jié)省時間胜榔，這里提供一個下載地址： http://www.ddxia.com/view/129861415446916.html 同時胳喷，你也可以在我們的網(wǎng)盤直接下載：http://pan.baidu.com/s/1o6JQX9S和 http://pan.baidu.com/s/1tRb4a 下載

3湃番、各位大俠，Three.js怎么調(diào)試翱月丁吠撮？

這也是我遇到的一個問得最多的問題。按照一般的思路讲竿，在集成開發(fā)環(huán)境里面就能夠運行調(diào)試泥兰，所以應(yīng)該在WebStorm中就能夠調(diào)試，但是這里我不推薦這樣 题禀，因為配置起來比較麻煩鞋诗，沒有必要在這里浪費時間。 所以迈嘹，我們使用Chrome瀏覽器自帶的功能調(diào)試代碼削彬。 為了讓我們的本節(jié)課的主線不太長，你可以點擊下面的鏈接去學(xué)習(xí)如何調(diào)試代碼秀仲？ 在chrome中調(diào)試javascript代碼融痛。 http://zhangyongbluesky.blog.163.com/blog/static/1831941620113155739840/

第一個例子

Three.js引擎怎么嵌入網(wǎng)頁中，讓它運行起來呢神僵？很簡單雁刷，只要html文件中引入three.js文件就可以了。引入了three.js文件后保礼，這個文件會自己初始化threejs的一些變量和環(huán)境沛励。如果文件無法下載责语，可能是無法訪問github的原因，你可以下載初級課程的源碼目派，并更改一下這個js引用地址就可以了鹦筹。

為了驗證Threejs確實啟動，我們用Chrome瀏覽器打開上面的那個網(wǎng)頁址貌，瀏覽器里面什么都沒有铐拐，這時按F12鍵，打開調(diào)試窗口练对，并在Console下輸入 THREE.REVISION命令遍蟋，得到73，這表示現(xiàn)在使用的three.js文件的版本是73螟凭。這樣虚青，就說明Three.js確實運行起來了。