WebGL（全寫Web Graphics Library）是一種3D繪圖協議，這種繪圖技術標準允許把JavaScript和OpenGL ES 2.0結合在一起，通過增加OpenGL ES 2.0的一個JavaScript綁定，WebGL可以爲HTML5 Canvas提供硬件3D加速渲染，這樣Web開發人員就可以藉助系統顯卡來在瀏覽器裏更流暢地展示3D場景和模型了，還能創建複雜的導航和數據視覺化。
在學習和使用webgl的過程中，我們是不可能直接使用原生webgl api，這種學習成本大而且耗時。我們一般會使用基於這個開發的3d框架。
下面就看看幾個基礎框架：
three.js : 這個框架我想即使沒有做過webgl的人多多少少也會聽說。他屬於最大衆的一個webgl框架，基於開源社區，有大量的例子和文檔供學習者學習，而且基於插件化架構，在使用時只需要加入各種對應插件就可以。在封裝上比較開放，相對來說不是很簡單。需要比較多的代碼來構建示例。
babylon.js : 這個框架是由微軟發起的，並由微軟維護。本身屬於一個遊戲框架，所以加入了一些three沒有功能，而且支持webvr等。接口想對於three簡單，屬於高度封裝。
xeogl.js : 這個框架在國內應該比較陌生，他本身使用量比較小。屬於一個個人開發，但是在於他跟IBM實現了合作，IBM最新一個項目是基於這個框架開發的。這個框架不像其他框架那樣爲3d而生，它本身更注重建築等領域，所以他實現了ifc模型的加載，同時支持加載IBM的模型數據。所以可能在特定領域他更加流行。但如果你想做一個酷炫的效果，這個框架是遠遠滿足不了你的需求的。
在下一章中，我將列舉這幾個框架示例的對比。