WebGL是一個跨平臺、免費的底層3D繪圖API的Web標準,它基于OpenGL ES 2.0標準。WebGL是網頁上渲染三維圖形圖像的技術,它本身是HTML5規范的一部分。WebGL通過HTML5 Canvas元素對外暴露DOM編程接口。
WebGL全稱是Web-based Graphics Language,它提供了使用JavaScript與GPU交互的方法。
讓我們來回顧一下在WebGL誕生之前的情況。在沒有WebGL的日子,我們要在網頁上實現三維圖形的顯示,該怎么辦?
其次就是微軟的Silverlight技術,俗稱“銀光”,銀光技術與Flash技術相似,功能也是同樣的強大,遺憾的是,銀光技術同樣的需要在瀏覽器上安裝插件。
除此之外,還有一些非主流的技術,這些技術都不如Flash或者Silverlight,而且同樣的都有需要瀏覽器安裝插件的缺點,因此就不再一一列舉了。
WebGL是一個偉大的技術,它使得瀏覽器擺脫了需要插件的麻煩,可以可以讓網頁渲染直接調用顯卡GPU來搞定,大大加快了網頁顯示的速度,而且編程接口使用的是統一、標準、跨平臺的OpenGL接口實現。WebGL技術一出現,就引起了全球的關注,國際主流的IT公司包括Apple、Google、微軟等都紛紛支持WebGL規范,推動了WebGL技術的發展。
對于很多想要學習WebGL的愛好者來說,最關心的話題莫過于WebGL該怎樣學習,如何才能做到掌握、精通WebGL技術。對于這一點,我總結了一些思路,供大家參考。
要學習WebGL,需要循序漸進的掌握以下內容:
0)熟悉最好是精通JavaScript語言
1)理解模型視圖矩陣,以及怎樣設置場景
2)掌握渲染和操縱原語
3)理解著色器,精通著色器的功能
4)掌握創建虛擬場景的技術
5)掌握使用基本的物理規則來模擬互動
6)熟悉使用數學模型來渲染粒子系統、地形以及不規則碎片
7)掌握Three.js框架
8)熟悉GLGE和philoGL框架
9)積累WebGL的調試技巧和性能優化技巧
10)熟悉WebGL規范
掃一掃 加微信咨詢