问题
Is there some kind of WebGL manual that lists all the functions etc. ? I tried Google but found nothing.
回答1:
These two resources helped me a lot
Mozilla Devloper Pages
Great blog with lessons I followed!
回答2:
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
回答3:
There is also the official manual — the WebGL specification:
https://www.khronos.org/registry/webgl/specs/1.0/
回答4:
You should use Giles Thomas' guide: http://www.learningwebgl.com -- This is how I got started.
回答5:
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.
回答6:
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.
回答7:
API description
If you are interested only in the javascript API, I would suggest
Microsoft WebGL API (IE11 ?)
Mozilla WebGL API
As a starter I would suggest Microsoft one as it describes:
- extensions
- objects
- methods
- properties
- GLSL errors
It really focus on the API which makes it easier to explore IMO. You can find a pretty exhaustive list of methods. Note that Microsoft does not seem to implement all the features of WebGL if you compare it to Mozilla one.
On Mozilla you will find other very interesting resources (tutorials etc.). Of course another good place to get information is the kronos website. You will find the specification and reference card.
https://www.khronos.org/webgl/
For as why you cannot find a proper web page describing the Javascript API I would refer to Agost Biro answer
Tutorials
http://webglfundamentals.org/
http://learningwebgl.com/blog/
https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API/Tutorial
From those ones you will find even more resources.
回答8:
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/
来源：https://stackoverflow.com/questions/5855223/is-there-a-webgl-manual