【WebGL】1.WebGL簡介

OpenGL和WebGL基本概念

OPEN GL:一個跨編程語言、跨平臺的編程接口規格的專業的圖形程序接口。它用於三維圖像（二維的亦可），是一個功能強大，調用方便的底層圖形庫。

WebGL:›一個3D圖形標準›融合了Javascript和OPEN GL ES2.0›爲HTML5 Canvas提供了硬件3D加速渲染Web開發人員就能夠藉助系統顯卡來在瀏覽器裏更流暢地展現3D場景和模型了，還能建立複雜的導航和數據視覺化

OpenGL是一個底層庫，他是一個和語言和平臺無關圖形程序接口（包括二維和三維）能夠有多種實現方式，而WebGL則是跟Web有關，是一個Web層面的標準，在WebGL標註下，咱們能夠經過javascript來實現調用OpenGL等底層圖形庫進行三維動畫製做，是否是至關cool

 

固然目前因爲硬件的限制，Web層面的三維動畫開發纔剛剛開始，也許幾年以後硬件有了很大的發展，說不定WebGL會火熱起來

 

他們之間的關係如上所示

 

WebGL的特色

1. WebGL最大的特色就是他是瀏覽器自帶的標準，也就是不須要安裝任何插件和組件，不一樣於flash和siverlight，這對於他來講是一個很大的優點

2. 其次WebGL經過統一的、標準的、跨平臺的OpenGL接口實現，從而能夠利用底層的圖形硬件加速功能進行的圖形渲染

 

支持狀況

 

從圖中能夠看到，Webkit瀏覽器基本都是支持的，IE直到11纔開始支持

 

效果展現

三維動畫說展示出來的效果比二維動畫要豐富的不少，甚至驚豔來形容：

› TankWorld :一個Web三維坦克遊戲

› Clouds：一個雲霧效果

› HelloRacer ™ WebGL:一個方程式賽車遊戲

› Google Body Browser：google人體解剖

› pearl boy：一個場景

›http://helloracer.com/racer-s/：一個很是酷的賽車效果

 

開發框架：

WebGL常見的開發框架如Three.js，目前寄託於https://github.com/mrdoob/three.js，目前比較火熱，可是中文文檔比較少，官網http://threejs.org 截圖以下：