← 返回首页
WebGL - API web | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. Tecnología web para desarrolladores
  2. API web
  3. WebGL
Theme
  • OS default
  • Light
  • Dark
Español
Remember language Learn more

Esta página ha sido traducida del inglés por la comunidad. Aprende más y únete a la comunidad de MDN Web Docs.

View in English Always switch to English

WebGL

WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos canvas HTML5. La compatibilidad para WebGL viene en Firefox 4 y se puede probar en las betas de Firefox 4 o en trunk builds. .

Nota: La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.

In this article

Temas sobre desarrollo

Primeros pasos con WebGL

Cómo crear un contexto WebGL.

Adición de contenido 2D a un contexto WebGL

Cómo representar formas planas sencillas utilizando WebGL.

Uso de sombreadores para aplicar color en WebGL

Muestra cómo agregar color a las formas mediante sombreadores.

Animación de objetos con WebGL

Muestra cómo rotar y trasladar los objetos para crear animaciones sencillas.

Creación de objetos 3D utilizando WebGL

Muestra cómo crear y animar un objeto 3D (en este caso, un cubo).

Uso de texturas en WebGL

Muestra cómo asignar texturas a las caras de un objeto.

Iluminación en WebGL

Cómo simular efectos de iluminación en tu contexto WebGL.

Animación de texturas en WebGL

Se muestra cómo animar texturas, en este caso, mediante la asignación de un vídeo Ogg a las caras de un cubo que gira.

Recursos

Especificación WebGL (Borrador de trabajo)

El borrador de la especificación WebGL.

Sitio de Khronos WebGL

El sitio web principal de WebGL en el Grupo Khronos.

Aprender WebGL

Un sitio con tutoriales sobre cómo usar WebGL.

La guía práctica de WebGL

Un sitio web con recetas muy útiles para escribir código WebGL.

Sylvester

Una biblioteca de código abierto para la manipulación de vectores y matrices.

Planeta WebGL

Un agregador de RSS para las personas que pertenecen a la comunidad WebGL.

Compatibilidad con navegadores

api.WebGLRenderingContext

Enable JavaScript to view this browser compatibility table.

api.WebGL2RenderingContext

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 17 dic 2024 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. WebGL
  2. Guías
    1. WebGL constants
    2. WebGL types
    3. WebGL model view projection
    4. WebGL best practices
    5. WebGL by example
    6. A basic 2D WebGL animation example
    7. Compressed texture formats
    8. Data in WebGL
    9. Matrix math for the web
    10. Using WebGL extensions
  3. Tutorial
    1. Tutoral de WebGL
    2. Primeros pasos con WebGL
    3. Agregando Contenido 2D en el Contexto WebGL
    4. Utilizar los shaders para aplicar color en WebGL
    5. Animating objects with WebGL
    6. Creación de objetos 3D utilizando WebGL
    7. Utilizando texturas en WebGL
    8. Lighting in WebGL
    9. Animating textures in WebGL
  4. Interfaces
    1. WebGLRenderingContext
    2. WebGLBuffer
    3. WebGLFramebuffer
    4. WebGLRenderbuffer
    5. WebGLObject
    6. WebGLProgram
    7. WebGLShader
    8. WebGLTexture
    9. WebGLUniformLocation
    10. WebGLActiveInfo
    11. WebGLShaderPrecisionFormat
    12. WebGLContextEvent
    13. WebGLQuery
    14. WebGLSampler
    15. WebGLSync
    16. WebGLTransformFeedback
    17. WebGLVertexArrayObject
    18. WebGL2RenderingContext
    19. WEBGL_compressed_texture_s3tc
    20. WEBGL_compressed_texture_s3tc_srgb
    21. WEBGL_compressed_texture_etc1
    22. WEBGL_compressed_texture_pvrtc
    23. WEBGL_debug_renderer_info
    24. WEBGL_debug_shaders
    25. WEBGL_depth_texture
    26. OES_element_index_uint
    27. EXT_frag_depth
    28. WEBGL_lose_context
    29. EXT_texture_filter_anisotropic
    30. EXT_sRGB
    31. OES_standard_derivatives
    32. OES_texture_float
    33. WEBGL_draw_buffers
    34. OES_texture_float_linear
    35. EXT_shader_texture_lod
    36. OES_texture_half_float
    37. OES_texture_half_float_linear
    38. WEBGL_color_buffer_float
    39. EXT_color_buffer_half_float
    40. OES_vertex_array_object
    41. ANGLE_instanced_arrays
    42. EXT_blend_minmax
    43. EXT_disjoint_timer_query
    44. OES_draw_buffers_indexed
  5. Eventos
    1. HTMLCanvasElement: webglcontextlost
    2. HTMLCanvasElement: webglcontextrestored
    3. HTMLCanvasElement: webglcontextcreationerror

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.