Ir al contenido

WebGL

De Wikipedia, la enciclopedia libre

Esta es una versión antigua de esta página, editada a las 00:20 5 abr 2017 por ScRyer (discusión · contribs.). La dirección URL es un enlace permanente a esta versión, que puede ser diferente de la versión actual.

WebGL
Información general
Tipo de programa API
Autor Mozilla Foundation
Desarrollador WebGL Working Group
Lanzamiento inicial 3 de marzo de 2011
Licencia Personalizada
Idiomas Inglés
Información técnica
Plataformas admitidas Multiplataforma
Versiones
Última versión estable 2.0 (info) (17 de enero de 2017[1])
Enlaces
[editar datos en Wikidata]

WebGL (Web Graphics Library) [1]​ es es una especificación estándar que define una API implementada en JavaScript para la renderización de gráficos en 3D dentro de cualquier navegador web. No precisa del uso de plug-ins[2]​ adicionales en cualquier plataforma que soporte OpenGL 2.0 u OpenGL ES 2.0. WebGL está integrada completamente en todos los estándares web del navegador, permitiendo la aceleración hardware[3]​ (física) de la GPU y el procesamiento de imágenes y efectos como parte del lienzo o "canvas" de la página web. Los elementos de WebGL se pueden combinar con otros elementos HTML y estar compuestos con otras partes de la página o del fondo (background)[4]​ de la página. Los programas WebGL consisten en un código de control escrito en JavaScript que permite usar la implementación nativa de OpenGL ES 2.0, un lenguaje similar a  C o C++, que se ejecuta en una unidad de procesamiento gráfico (GPU). WebGL está diseñado y gestionado por el consorcio de tecnología sin ánimo de lucro Khronos Group.[5]​

Historia

WebGL creció desde los experimentos del canvas 3D comenzados por Vladimir Vukićević en Mozilla. Vukićević mostró por primera vez un prototipo de Canvas 3D en 2006. A finales de 2007, tanto Mozilla[6]​ como Opera[7]​ habían hecho sus propias implementaciones de forma separada. A principios de 2009, el consorcio de tecnología sin ánimo de lucro Kronos Group consolidaron el WebGL Working Group (Grupo de Trabajo del WebGL), con la participación inicial de Apple, Google, Mozilla, Opera, y otros.[3]​[5]​ La versión 1.0 de las especificaciones WebGL fue lanzada en Marzo de 2011.[8]​ Las primeras aplicaciones de WebGL incluyen Zygote Body [9]​ [10]​ y las podemos encontrar en Firefox 2.0, Chrome 9, Internet Explorer 11, Opera 12, Safari 5.1 y Edge. En dispositivos móviles lo podemos encontrar en Chrome for Android 25, Edge, Firefox Mobile (Gecko) 4, Opera Mobile 12 y Safari Mobile 8.1. [11]​

A partir de Marzo de 2012, el presidente del grupo de trabajo es Ken Russell. En Noviembre de 2012, Autodesk anunciaron que portaban la mayoría de sus aplicaciones a la nube que se ejecutaba en clientes WebGL locales. Estas aplicaciones incluyen Fusion 360 y AutoCAD 360.[12]​

El desarrollo de las especificaciones de WebGL 2.0 empezaron en 2013 y concluyeron en Enero de 2017.[13]​ Esta especificación está basada en OpenGL ES 3.0.[14]​ Las primeras implementaciones de este se pueden encontrar en Firefox 51, Chrome 56 y Opera 43.[11]​

Diseño

WebGL 1.0 está basado en OpenGL ES 2.0[15]​ y proporciona una API para gráficos 3D.[8]​ Se utiliza el elemento canvas HTML5 al que se accede mediante interfaces Document Object Model (DOM).

WebGL 2.0 está basado en OpenGL ES 3.0 y garantiza disponibilidad de muchas extensiones opcionales de WebGL 1.0 y presenta nuevas APIs.[13]​

La gestión de memoria automática se proporciona como parte del lenguaje JavaScript.[5]​

Como ocurre en OpenGL ES 2.0, WebGL carece de las APIs de funciones de fijación[16]​ introducidas en OpenGL 1.0 y obsoletas en OpenGL 3.0. Esta funcionalidad en su lugar puede ser proporcionada por el usuario mediante código de sombreado y configurando enlaces de datos en JavaScript; este código necesario se complementa con frecuencia con una biblioteca de matriz tal como glMatrix, TDL, o MJS.

Los sombreados o shaders en WebGL están expresados directamente en GLSL y se le transmiten a la API WebGL como cadenas de texto. La implementación de WebGL compila estas instrucciones shader en código GPU. Este código es ejecutado para cada vértice enviado a través de la API y para cada pixel rasterizado en la pantalla.

Soporte

WebGL posee un amplio soporte en los navegadores modernos. Sin embargo, su disponibilidad depende en otros factores como que la GPU lo soporte. La página web oficial de WebGL ofrece una sencilla página de prueba para verificar si tu GPU es compatible.[17]​ Es posible encontrar información más detallada (como que tipo de renderizador usa el navegador o que extensiones están disponibles) en paginas web de terceros.[18]​[19]​

Bibliotecas en javaScript

Como WebGL es una tecnología diseñada para trabajar directamente con la GPU (unidad de procesamiento gráfico) es difícil de codificar en comparación con otros estándares web más accesibles, por eso han surgido muchas bibliotecas de JavaScript para resolver este problema:

C3DL, CopperLicht, Curve3D, CubicVR, EnergizeGL, GammaJS, GLGE, GTW, JS3D, Kuda, O3D, OSG.JS, PhiloGL, Pre3d, SceneJS, SpiderGL, TDL, Three.js, X3DOM, BabylonJS.

Entre éstas, Three.js es la más popular por número de usuarios. Es ligera y tiene un bajo nivel de complejidad en comparación con la especificación WebGL original. BabylonJS también ha ganado bastante popularidad debido a estar hecha por trabajadores de Microsoft.

Creación del contenido

Las escenas WebGL se pueden crear sin necesidad de programación utilizando una herramienta de creación de contenidos, como Blender o con Autodesk Maya. Las escenas luego se exportan a WebGL. Esto fue posible por primera vez con Inka3D, un plugin de exportación WebGL para Maya. También hay servicios para publicar contenido en línea 3D interactivo utilizando WebGL como p3d.in y Sketchfab. Unity Engine permite crear contenido (Videojuegos, apps, etc) para navegadores usando WebGL.

WebGL incrustado

Como WebGL está diseñado para ejecutar en el lado del cliente con las operaciones de renderización pesadas ​​realizadas por los usuarios en el GPU de la computadora, su código fuente puede ser relativamente fácilmente embebido en, por ejemplo, un microcontrolador PIC, o cualquier otro con la implementación de la pila TCP / IP, de modo que el microcontrolador actuará como servidor web y el resto de tareas se desarrollarán en el lado del cliente.[20]​

Véase también

Referencias

  1. ↑ "Khronos Releases Final WebGL 1.0 Specification". Retrieved 2015-05-18.
  2. ↑ Gregg Tavares (2012-02-09). "WebGL Fundamentals" HTML5 Rocks.
  3. ↑ a b "Kronos Details WebGL Initiative to Bring Hardware-Accelerated 3D Graphics to the Internet" . Khronos.org. 2009-08-04. Retrieved 2011-05-14.
  4. ↑ Tony Parisi (2012-08-15). "WebGL: Up and Running" O'Reilly Media, Incorporated.
  5. ↑ a b c "WebGL – OpenGL ES 2.0 for the Web" Khronos.org. Retrieved 2011-05-14.
  6. ↑ Canvas 3D: GL power, web-style
  7. ↑ Taking the canvas to another dimension My.opera.com. 2007-11-26. Archived from the original on 2007-11-17. Retrieved 2011-05-14.
  8. ↑ a b "Especificaciones WebGL 1.0" Khronos.org. Retrieved 2011-05-14.
  9. ↑ "Zygote Body"
  10. ↑ Bhanoo, Sindya N. (2010-12-23). "New From Google: The Body Browser" Well.blogs.nytimes.com. Retrieved 2011-05-14.
  11. ↑ a b "Navegadores Web Compatibles WebGL 2"
  12. ↑ "Autodesk Fusion 360: The Future Of CAD, PT 1" 3dcadworld.com. Retrieved 2013-08-21.
  13. ↑ a b "Especificaciones WebGL 2 " khronos.org. 2013-09-26. Retrieved 2013-10-28.
  14. ↑ "Documentación OpenGL"
  15. ↑ "OpenGl ES 2.0"
  16. ↑ "Funciones de Fijación"
  17. ↑ "Página de testeo WebGL" webgl.org.
  18. ↑ "WebGL Report" . webgl.org.
  19. ↑ "WebGL Browser Report - WebGL Detection - WebGl Tester" . browserleaks.com.
  20. ↑ WEBGL embebido en un microcontrolador PIC

Enlaces externos

Obtenido de «https://es.wikipedia.org/w/index.php?title=WebGL&oldid=98121265»