WebGL Course

WebGL Course

Today the browser is the OS. You want to develope something online ? - you do it in the browser. Even games can now be made into the browsers. How ?
WebGL - Web GL is an implemntation of the OpenGL language for creating 3D rendered scenes inside the browser webpage using HTML5 canvas tag and 3D view. Learn how to progarm in WebGL in this cool course full of graphics.

WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D and 2D graphics within any compatible web browser without the use of plug-ins. WebGL does so by introducing an API that closely conforms to OpenGL ES 2.0 that can be used in HTML5 elements.
Support for WebGL is present in Firefox 4+, Google Chrome 9+, Opera 12+, Safari 5.1+ and Internet Explorer 11+; however, the user's device must also have hardware that supports these features.

The element is also used by Canvas 2D to do 2D graphics on web pages.

Reference

Standard interfaces
WebGLRenderingContext
WebGL2RenderingContext
WebGLActiveInfo
WebGLBuffer
WebGLContextEvent
WebGLFramebuffer
WebGLProgram
WebGLQuery
WebGLRenderbuffer
WebGLSampler
WebGLShader
WebGLShaderPrecisionFormat
WebGLSync
WebGLTexture
WebGLTransformFeedback
WebGLUniformLocation
WebGLVertexArrayObject
Extensions
ANGLE_instanced_arrays
EXT_blend_minmax
EXT_color_buffer_float
EXT_color_buffer_half_float
EXT_disjoint_timer_query
EXT_frag_depth
EXT_sRGB
EXT_shader_texture_lod
EXT_texture_filter_anisotropic
OES_element_index_uint
OES_standard_derivatives
OES_texture_float
OES_texture_float_linear
OES_texture_half_float
OES_texture_half_float_linear
OES_vertex_array_object
WEBGL_color_buffer_float
WEBGL_compressed_texture_astc
WEBGL_compressed_texture_atc
WEBGL_compressed_texture_etc
WEBGL_compressed_texture_etc1
WEBGL_compressed_texture_pvrtc
WEBGL_compressed_texture_s3tc
WEBGL_compressed_texture_s3tc_srgb
WEBGL_debug_renderer_info
WEBGL_debug_shaders
WEBGL_depth_texture
WEBGL_draw_buffers
WEBGL_lose_context
Events
webglcontextlost
webglcontextrestored
webglcontextcreationerror
Constants and types
WebGL constants
WebGL types
WebGL 2
WebGL 2 is a major update to WebGL which is provided through the WebGL2RenderingContext interface. It is based on OpenGL ES 3.0 and new features include:

3D textures,
Sampler objects,
Uniform Buffer objects,
Sync objects,
Query objects,
Tranform Feedback objects,
Promoted extensions that are now core to WebGL 2: Vertex Array objects, instancing, multiple render targets, fragment depth.
See also the blog post "WebGL 2 lands in Firefox" and webglsamples.org/WebGL2Samples for a few demos.

Guides and tutorials

WebGL tutorial: A beginner's guide to WebGL core concepts. A good place to start if you don't have previous WebGL experience.
WebGL best practices: Tips and suggestions to improve your WebGL content.
Using extensions: How to use extensions that are available in WebGL.
Advanced tutorials
WebGL model view projection: A detailed explanation of the three core matrices that are typically used to represent a 3D object view: the model, view and projection matrices.
Matrix math for the web: A useful guide to how 3D transform matrices work, and can be used on the web — both for WebGL calculations and in CSS3 transforms.
Resources

Raw WebGL: An introduction to WebGL A talk by Nick Desaulniers that introduces the basics of WebGL. This is a great place to start if you've never done low-level graphics programming.
Khronos WebGL site The main web site for WebGL at the Khronos Group.
Learning WebGL A site with tutorials on how to use WebGL.
WebGL Fundamentals A basic tutorial with fundamentals of WebGL.
WebGL playground An online tool for creating and sharing WebGL projects. Good for quick prototyping and experimenting.
WebGL Academy An HTML/JavaScript editor with tutorials to learn basics of webgl programming.
WebGL Stats A site with statistics about WebGL capabilities in browsers on different platforms.
Libraries
glMatrix JavaScript Matrix and Vector library for High Performance WebGL apps
Sylvester An open source library for manipulating vectors and matrices. Not optimized for WebGL but extremely robust.
Specifications

Specification Status Comment
WebGL 1.0 Recommendation Initial definition. Based on OpenGL ES 2.0
WebGL 2.0 Editor's Draft Builds on top of WebGL 1. Based on OpenGL ES 3.0.
OpenGL ES 2.0 Standard
OpenGL ES 3.0 Standard