WebGL Fundamentals: 2D and 3D Graphics For The Web

WebGL Fundamentals: 2D and 3D Graphics For The Web

hackernoon.com hackernoon.com3 months ago in #Dev Love67

@mozillaMozilla Mozilla (stylized as moz://a) is a free software community founded in 1998 by members of Netscape. WebGL (Web Graphics Library) is a JavaScript API for rendering high-performance 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. This conformance makes it possible for the API to take advantage of hardware graphics acceleration provided by the user’s device. Reference 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_float_blend EXT_frag_depth EXT_sRGB EXT_shader_texture_lod EXT_texture_compression_bptc EXT_texture_compression_rgtc EXT_texture_filter_anisotropic OES_element_index_uint OES_fbo_render_mipmap OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object OVR_multiview2 WEBGL_color_buffer_float WEBGL_compressed_texture_astc WEBGL_compressed_texture_atc WEBGL_compressed_texture_etc WEBGL_compressed_texture_etc 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, Transform Feedback objects, Promoted extensions that are now core to WebGL 2: Vertex Array objects, instancing, multiple render targets, fragment depth. Guides and tutorials Below, you’ll find an assortment of guides to help you learn WebGL concepts and tutorials that offer step-by-step lessons and examples. Guides A guide to variables, buffers, and other types of data used when writing WebGL code. Tips and suggestions to help you improve the quality, performance, and reliability of your WebGL content. A guide to using WebGL extensions. Tutorials A beginner’s guide to WebGL core concepts. A good place to start if you don’t have previous WebGL experience.  » Read More

Like to keep reading?

This article first appeared on hackernoon.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply