Is there a WEBGL Manual? [closed]

Question

Is there some kind of WebGL manual that lists all the functions etc. ? I tried Google but found nothing.

Answer 1

You should use Giles Thomas' guide: http://www.learningwebgl.com -- This is how I got started.

Answer 2

There is no manual for WebGL, but the official specification serves as one. To use it as such, you have to understand the following:

WebGL is a JavaScript interface for browsers to OpenGL ES 2.0, which is a graphics API for embedded systems.* Therefore, the WebGL specification doesn't provide the full description of its interfaces. Instead, it refers to the OpenGL ES 2.0 specification and specifies only the differences between the two.

The interfaces that collectively make up the WebGL API are defined in Section 5 of the specification. You can get an overview of them in the table of contents. Sections 5.14.1 and onwards list the attributes and methods of the WebGL context, which is the information that you are most likely interested in. Next to each method signature, there is a link to the corresponding OpenGL ES 2.0 manual entry, where you can find detailed information about them. When using the OpenGL ES 2.0 manual, you have to keep in mind that there are some minor differences between the two APIs. Fortunately, these differences are specified right below the signatures for each method individually and they are summarised in Section 6 of the specification.

*In this regard, a browser can be thought of as an embedded system within a general purpose computer.

Answer 3

Personally I prefer these ones but then I'm biased because I wrote them. Unlike the other tutorials they don't gloss over anything and don't assume you know 3D math already. They also aren't based on OpenGL tutorials that are 20 years out of date and not really appropriate for WebGL.

Answer 4

There is also the official manual — the WebGL specification:

https://www.khronos.org/registry/webgl/specs/1.0/

Answer 5

This tutorial could help you a lot as it did in my case.

http://www.webglacademy.com/

Here you could start from level 0. After completing this tutorial you could use Three.js library to enhance your WebGl content.

https://threejs.org/examples/

Answer 6

WebGL Cheat Sheet

• http://web.archive.org/web/20120314072005/http://www.nihilogic.dk/labs/webgl_cheat_sheet/WebGL_Cheat_Sheet.pdf

WebGL Quick Reference Card

• http://www.khronos.org/files/webgl/webgl-reference-card-1_0.pdf