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