Extjs 4.2 MVC+ThreeJs學習筆記（一）ThreeJs簡介

1. WebGL
   

   WebGL是Khronos協會正在制定的一種3D繪圖標準，它是一個跨平臺的、開源的Web瀏覽器3D繪圖API。它是由Mozilla基金會原創，目前由Khronos協會下由Google、Opera、Mozilla和Apple等主流瀏覽器公司開發人員和其餘三維圖形開發者造成的WebGL Working Group開發。

   WebGL基於OpenGL ES 2.0標準，並使用OpenGL着色語言GLSL，並且還提供了相似於標準的OpenGL的API。WebGL運行與HTML 5的Canvas元素中，WebGL與HTML中全部的DOM接口集成，它也是一個DOM API，這就是說它能夠被任何與DOM兼容的編程語言如JavaScript、Java、Object-C等調用。

   由於WebGL是基於OpenGL的，將在主流瀏覽器中集成，全部擁有一些核心優點：

   • 它是一個基於被普遍熟悉和接受的三維圖形標準API

   • 它具備跨平臺、跨語言、跨瀏覽器的特性

   • 它有與HTML內容緊密集成，包括分層合成，與其餘HTML元素和交互和HTML事件處理機制的使用

   • 它提供瀏覽器環境中的3D圖形硬件加速

2. ThreeJS

   WebGL是至關底層的語言，特別是對於沒有3D開發經驗沒有接觸過OpenGL的人來講，所有用WebGL來開發一個項目的話，會至關麻煩。所以使用一個framework是一個很好的途徑。

   最近這幾年，WebGL的發展很是迅速，各類framework，engine層出不窮，好比Babylon JS、Goo Engine、Gladius、GLGE、PhiloGL、C3DL等等。然而其中不少的項目因爲缺乏足夠的Documents API以及Demo的緣由，使咱們開發WebGL程序變得很麻煩。

   ThreeJS是一個WebGL的framework，他有大量的Demo和規範的API文檔，應用很是普遍，在各類網站都有不少的資源。

   固然ThreeJS不僅是能夠用WebGL來渲染3D場景，它還支持HTML5 Canvas和SVG模式。

   官方網站：http://threejs.org/
   GitHub：https://github.com/mrdoob/three.js/
   

3. PS這是我須要作的一個3D的程序，因爲咱們實驗室只有我本身在研究OpenGL，因此也沒有個大哥能夠請教一下，全部的東西都是google上找的，其中的艱難一言難盡。目前我已經作了2個月，第一個月我在WPF用OpenGL的一個C#庫寫的，作好以後發現渲染的至關失敗，WPF原本渲染效率就很拙計，再加上OpenGL是一個實時性要求至關高的技術，對於C#這種託管的代碼來講，明顯也是不適合的。痛定思痛我決定用WebGL重作這個程序。界面層用Extjs 4.2 MVC來搭建，3D場景用WebGL來實現。爲了及時總結學習的成果，以及後來的同窗分享一下，因此決定寫一個博客來記錄一下。