WebGL

Use o WebGL no Internet Explorer 11 para criar gráficos 2D e 3D dinâmicos para jogos e conteúdo interativo.

O WebGL está disponível em todos os dispositivos do IE11. O IE11 dá suporte a renderização de páginas WebGL incluindo aquelas escritas com three.js, uma biblioteca WebGL popular.

Com os padrões WebGL emergentes na Web, os desenvolvedores podem criar novos tipos de experiências 2D e 3D por meio da programação da unidade de processamento gráfico (GPU) do computador. Usando o WebGL, você programa a GPU diretamente para a rápida renderização de cenas e objetos 3D complexos.

Criar conteúdo WebGL na sua página

O WebGL pode variar desde simples até complexo. No entanto, todos os programas realizam essencialmente as seguintes etapas:

  1. Adicionam um elemento de canvas à página e criam um novo contexto de renderização WebGL.
  2. Inicialize um visor.
  3. Carregue matrizes de coordenadas (vértices) e dados de imagem (fragmentos ou texturas) na GPU.
  4. Compilam e executam sombreadores de vértice e de fragmento (programas que são executados na GPU) para manipular o vértice e a imagem carregados na etapa anterior.
  5. Desenhe na tela.

A GPU é otimizada para esses tipos de operações, que permitem que programas WebGL tenham um desempenho de alto nível.

Observação  Para ver um exemplo que mostra algumas dessas etapas, confira Introdução ao WebGL.

Veja a seguir alguns recursos para ajudar você a começar a escrever seu próprio conteúdo WebGL.

LinkDescrição
Aprendendo o WebGLOrientação passo-a-passo para escrever um código WebGL. Várias notícias, links e oportunidades de emprego.
Página three.JS Demonstrações, código-fonte e links para recursos da popular biblioteca three.js WebGL.
Webplatform.orgDocumentação WebGL e exemplos

 

Para ver mais ideias, confira esta página de Recursos WebGL.

A implementação WebGL no IE11 é uma versão prévia. Se estiver escrevendo páginas WebGL, você poderá usar o IE11 para desenvolver conteúdo. Algumas das funcionalidades do WebGL não têm suporte neste momento. Para obter mais informações sobre a implementação do IE11, consulte o IEblog.

Como o WebGL é um padrão da Web, você pode escrever conteúdo que funciona em todos os navegadores e dispositivos. Para saber mais e conhecer práticas recomendadas, veja Gráficos da Web hiper-rápidos com WebGL.

Veja a seguir os métodos, objetos e propriedades com suporte a partir do IE11.

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

 

Referência de API

WebGL

Amostras e tutoriais

Introdução ao WebGL
Gráficos da Web hiper-rápidos com WebGL

Demonstrações do Test Drive do Internet Explorer

Everest: Rivers of Ice

 

 

Mostrar:
© 2014 Microsoft