2011-05-02 20 views
28

¿Hay algún tipo de manual de WebGL que enumere todas las funciones, etc.? Intenté Google pero no encontré nada.¿Hay un manual de WEBGL?

+4

¿Quieres decir algo como esto: https://www.khronos.org/registry/webgl/specs/1.0/? – Bart

+0

Este tutorial podría ayudarlo mucho como lo hizo en mi caso. http://www.webglacademy.com/ Aquí puede comenzar desde el nivel 0. Después de completar este tutorial, puede usar la biblioteca Three.js para mejorar su contenido WebGl. https://threejs.org/examples/ !! Todo lo mejor !! –

Respuesta

16

Estos dos recursos me han ayudado mucho

Mozilla Devloper Pages

Great blog with lessons I followed!

+0

sí, esto es lo que estaba buscando. Mozzila tiene una gran refrencia. ¡Gracias! – Martin

+0

Están bien para el lado de JavaScript, ¿qué tal si ayudamos a escribir shaders de vértices/fragmentos – Drew

+0

? Un curso que leí en Linköping University (Suecia) tiene este http://webstaff.itn.liu.se/~stegu/TNM084-2010/GLSLfeatures -110.pdf como introducción a GLSL, que es el lenguaje utilizado en WebGL – Gustav

2

No hay manual para WebGL, pero el official specification funciona como uno solo. Para usarlo como tal, debe comprender lo siguiente:

WebGL es una interfaz JavaScript para navegadores para OpenGL ES 2.0, que es una API gráfica para embedded systems. * Por lo tanto, la especificación WebGL no proporciona la descripción completa de sus interfaces. En cambio, se refiere a la especificación OpenGL ES 2.0 y specifies only the differences entre los dos.

Las interfaces que forman colectivamente la API WebGL se definen en Section 5 de la especificación. Puede obtener una descripción general de ellos en el table of contents.Sections 5.14.1 y enumerar los atributos y métodos del contexto WebGL, que es la información que probablemente le interese. Junto a cada firma de método, hay un enlace a la entrada correspondiente OpenGL ES 2.0 manual , donde puedes encontrar información detallada sobre ellos. Al utilizar el manual de OpenGL ES 2.0, debe tener en cuenta que existen algunas diferencias menores entre las dos API. Afortunadamente, estas diferencias se especifican justo debajo de las firmas para cada método individualmente y se resumen en Section 6 de la especificación.

* En este sentido, un navegador puede considerarse como un sistema integrado dentro de una computadora de propósito general.

3

Personalmente I prefer these ones pero luego soy parcial porque las escribí. A diferencia de los otros tutoriales, no pasan por alto nada y no asumen que ya sabes matemáticas 3D. Tampoco se basan en los tutoriales de OpenGL que llevan 20 años desactualizados y que no son realmente apropiados para WebGL.

+0

Conociendo todas las fuentes enumeradas hasta ahora, los sitios de gman son los mejores para convertirse en "Hero from Zero". No tengo duda. –

0

Descripción API

Si usted está interesado únicamente en la API de JavaScript, sugeriría

Microsoft WebGL API (EI11?)

Mozilla WebGL API

Como primer plato que sugeriría Microsoft uno, ya que describe:

  • extensiones
  • objetos
  • métodos
  • propiedades
  • errores GLSL

Realmente se centra en la API que hace que sea más fácil explorar la OMI. Puede encontrar una lista bastante exhaustiva de métodos. Tenga en cuenta que Microsoft no parece implementar todas las funciones de WebGL si lo compara con Mozilla.

En Mozilla encontrará otros recursos muy interesantes (tutoriales, etc.). Por supuesto, otro buen lugar para obtener información es el sitio web de kronos. Encontrará la especificación y la tarjeta de referencia.

https://www.khronos.org/webgl/

Porque así como por la cual no puedes encontrar la página web adecuada que describe el API Javascript me remito a Agost Biro answer

tutoriales

http://webglfundamentals.org/

http://learningwebgl.com/blog/

https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial

De esos encontrarás aún más recursos.

-1

Este tutorial podría ayudarlo mucho como lo hizo en mi caso.

http://www.webglacademy.com/

Aquí se puede empezar desde el nivel 0. Después de completar este tutorial se puede usar la biblioteca Three.js para mejorar su contenido WebGL.

https://threejs.org/examples/

+0

Las respuestas solo de enlace no ayudan, ya que los enlaces "se pudren" y dejan de funcionar. Además, requiere que alguien vaya a otro sitio para ver de qué estás hablando. Si hay algo que quieres responder, respóndelo aquí.Además, solo FYI, la pregunta sobre la que ha publicado está fuera de tema en estos días (las directrices han cambiado desde 2011) y ahora también se ha cerrado oficialmente como fuera de tema. –