作為壹個前端小白，突然接觸three.js&webgl除了懵逼還是懵逼，不過作為壹個技術人對於挑戰也許就是軟件開發中真正的樂趣，至少不會埋頭調試壹遍又壹遍重復的頁面數據，上上下下左左右右BABA......簡直枯燥到極點。不過three.js&webgl不得不說給我打開了新的世界，接下來我就簡單講述壹下我的學習之旅。
Three.js 是壹款運行在瀏覽器中的 3D 引擎，是JavaScript編寫的WebGL第三方庫，可以用它創建各種三維場景，包括了攝影機、光影、材質等各種對象,three.js內部也是webgl的封裝，封裝了大量了webgl API ，讓比較繁瑣的webgl更加簡便。
WebGL（全寫Web Graphics Library）是壹種3D繪圖協議，它讓可以讓開發進壹步去了解圖形渲染，Webgl是JavaScript和OpenGL ES 2.0合並出來的升級版，通過webgl可以讓前端開發者們脫離開css渲染，可以了解更加底層的渲染，WebGL也可以為HTML5 Canvas提供硬件3D加速渲染，webgl是通過系統顯卡來在瀏覽器裏更流暢地展示3D場景和模型，加入shader(著色器)來對圖形渲染，學習webgl需要具備相應的圖形學算法，屬於目前圖形渲染開發的高級技術之壹。目前webgl也運用在遊戲，視頻特效，包含untiy3D也是集成webgl。
three.js中主要由攝像機 ，場景 ，渲染器 , 資源加載器，素材組成
webgl中的所有東西都是基於攝像機去展示的，可以利用攝像頭的視角形成對3d視圖觀測視角，比如魚眼視角，從而就讓我們可以在平面圖上可以開發出真實場景的3D視圖。接下來我們看看怎麽用three.js創建壹個攝像機：
攝像機有了但是為了讓景物可以更好的展現，這時候我們就需要壹個展示景物的場景，three.js也為我們封裝好了，如下所示可以創建壹個場景：
渲染器是webgl的渲染啟動開關，他可以調用render方式把場景渲染到攝像機。
three.js加載資源不同我們常見的html壹樣，直接通過src屬性加載，而是通過TextureLoader.load來加載資源。
素材常見的包含網格，燈光等許多元素下面我就舉個例子
/sunql0827/webgldemo.git
/sunql-hugh/webgldemo.git
通過這次基於three.js的webgl全景圖開發之旅為我對視圖渲染打開了壹道新的大門，不過webgl的厲害之處還有很多很多是我還未涉及到了，以後還需要更加努力了。