WebGL

使用 Internet Explorer 11 中的 WebGL 來建立遊戲和互動式內容的動態 2D 和 3D 圖形。

所有 IE11 裝置上都有 WebGL。IE11 可支援轉譯 WebGL 頁面，包括以 three.js (一個普遍使用的 WebGL 程式庫) 撰寫的頁面。

網頁開發人員可使用創新的 WebGL 網站標準，以程式方式來設計電腦的圖形處理器 (GPU)，建立新的 2D 和 3D 經驗。而您可使用 WebGL 直接以程式方式來設計 GPU，快速轉譯複雜的 3D 物件和場景。

在網頁上建立 WebGL 內容

WebGL 可以簡單也可以複雜。不過，所有程式基本上都會執行下列步驟：

將畫布元素新增到頁面，建立新的 WebGL 轉譯內容。
初始化檢視區。
將座標陣列 (頂點) 和影像 (片段或紋理) 資料上傳到 GPU。
編譯並執行頂點和片段著色器 (在 GPU 上執行的程式)，以操控上一個步驟中載入的頂點和影像。
繪製到螢幕。

GPU 針對這些操作類型最佳化，讓 WebGL 程式可以在高階執行。

附註如需顯示其中一些步驟的範例，請參閱開始使用 WebGL。

以下幾個資源有助於您開始編寫自己的 WebGL 內容。

連結	說明
了解 WebGL	編寫 WebGL 程式碼的逐步指導。許多新聞、連結及工作機會。
Three.JS 網頁	熱門 three.js WebGL 程式庫的示範、原始程式碼及資源連結。
Webplatform.org	WebGL 文件與範例

如需了解更多概念，請參閱此 WebGL 資源網頁。

IE11 中的 WebGL 實作是早期預覽版本。如果您要編寫 WebGL 頁面，可以使用 IE11 開發您的內容。目前並不支援一些 WebGL 功能。如需 IE11 實作的詳細資訊，請參閱 IEblog。

因為 WebGL 是 Web 標準，所以您可以編寫可跨瀏覽器及裝置運作的內容。如需詳細資訊和最佳做法，請參閱使用 WebGL 的超快速 Web 圖形。

以下是 IE11 開始支援的方法、物件及屬性。

API	類型
activeTexture	方法
attachShader	方法
bindBuffer	方法
bindFramebuffer	方法
bindRenderbuffer	方法
bindTexture	方法
blendEquation	方法
blendEquationSeparate	方法
blendFunc	方法
blendFuncSeparate	方法
bufferData	方法
bufferSubData	方法
checkFramebufferStatus	方法
clear	方法
clearColor	方法
clearDepth	方法
colorMask	方法
compileShader	方法
copyTexImage2D	方法
copyTexSubImage2D	方法
createBuffer	方法
createProgram	方法
createShader	方法
createTexture	方法
cullFace	方法
deleteFramebuffer	方法
depthFunc	方法
depthMask	方法
depthRange	方法
disable	方法
disableVertexAttribArray	方法
drawArrays	方法
drawElements	方法
enable	方法
enableVertexAttribArray	方法
framebufferRenderbuffer	方法
framebufferTexture2D	方法
frontFace	方法
generateMipmap	方法
getActiveAttrib	方法
getActiveUniform	方法
getAttribLocation	方法
getAttachedShaders	方法
getBufferParameter	方法
getContextAttributes	方法
getError	方法
getExtension	方法
getFramebufferAttachmentParameter	方法
getParameter	方法
getProgramParameter	方法
getRenderbufferParameter	方法
getShaderParameter	方法
getShaderPrecisionFormat	方法
getShaderSource	方法
getSupportedExtensions	方法
getTexParameter	方法
getUniform	方法
getUniformLocation	方法
getVertexAttrib	方法
getVertexAttribOffset	方法
isEnabled	方法
linkProgram	方法
pixelStorei	方法
polygonOffset	方法
readPixels	方法
renderbufferStorage	方法
scissor	方法
shaderSource	方法
texImage2D	方法
texParameterf	方法
texParameteri	方法
texSubImage2D	方法
uniform1f	方法
uniform1fv	方法
uniform1i	方法
uniform1iv	方法
uniform2f	方法
uniform2fv	方法
uniform2i	方法
uniform2iv	方法
uniform3f	方法
uniform3fv	方法
uniform3i	方法
uniform3iv	方法
uniform4f	方法
uniform4fv	方法
uniform4i	方法
uniform4iv	方法
uniformMatrix2fv	方法
uniformMatrix3fv	方法
uniformMatrix4fv	方法
useProgram	方法
vertexAttribPointer	方法
viewport	方法
WebGLActiveInfo	物件
WebGLContextAttributes	物件
WebGLContextEvent	物件
WebGLContextEvent	物件
WebGLFramebuffer	物件
WebGLObject	物件
WebGLProgram	物件
WebGLRenderbuffer	物件
WebGLRenderingContext	物件
WebGLShader	物件
WebGLShaderPrecisionFormat	物件
WebGLTexture	物件
WebGLUniformLocation	物件
alpha	屬性
canvas	屬性
depth	屬性
drawingBufferHeight	屬性
drawingBufferWidth	屬性
name	屬性
precision	屬性
premultipliedAlpha	屬性
preserveDrawingBuffer	屬性
rangeMax	屬性
rangeMin	屬性
size	屬性
statusMessage	屬性
type	屬性

API 參考

WebGL

範例和教學課程

開始使用 WebGL

使用 WebGL 的超快速 Web 圖形

Internet Explorer Test Drive 示範

珠穆朗瑪峰：冰河