1.webgl概述
webgl是一項用來在網頁上繪製和渲染複雜三維圖形（3D圖形）,並允許用戶與之進行交互的技術。
傳統意義上，爲了顯示三維圖形，開發者需要使用c或者c++語言，輔以專門的計算機圖形庫，如OpenGL或者Direct3D，來開發一個獨立的應用程序。現在用了webgl，我們只需要向已經熟悉的html和javascript中添加一些額外的三維圖形學代碼，就可以在網頁上顯示三維圖形了。
webgl是內嵌在瀏覽器中的，你不必安裝插件和庫就可以使用它，而且它是基於瀏覽器的，你可以在多個平臺上運行webgl程序。
webgl起源
在個人計算機上使用最廣泛的兩種三維圖形渲染技術是Direct3D和OpenGL，Direct3D是微軟DirectX技術的一部分，是一套由微軟控制的編程接口，主要用戶windows平臺。而OpenGL由於其開放性和免費性，在多個平臺上被廣泛的應用。
webgl根植與OpenGL，但它實際是從OpenGL的一個特殊的版本OpenGL ES中派生出來。OpenGL ES 於2003-2004年被手提出來，並且在2007年（ES2.0）和2012年（ES3.0）進行了兩次升級。webgl是基於OpenGL ES 2.0的
着色器
從2.0版本開始，OpenGL支持一項非常重要的特性，既可編程着色器方法，該特性被OpenGL ES 2.0繼承，併成爲了WebGL1.0的標準核心部分。
着色器方法，或成爲着色器。使用的是一種類似於C的編程語言實現了精美的視覺效果。編寫着色器的語言又成爲着色器語言。OpenGL ES 2.0 基於OpenGL着色器語言（GLSL），因此後者又被陳偉OpenGL ES 着色器語言（GLSL ES），webgl也使用GLSL ES編寫着色器。
webgl程序的結構
在html中，動態網頁包括html和javascript，現在引入了webgl後，還需要加入着色器語言GLSE ES,也就是說，WegGL頁面包含三種語言：HTML5 Javascript和GLSL ES