WebGL

This page contains fundamental JavaScript libraries and examples for WebGL. Each page contains a live demo related to the topic.

Overview
WebGL Overview WebGL is a JavaScript API based on OpenGL ES (Embedded System) to render 2D or 3D graphics on a HTML web page using <canvas> element.
 
Vectors & Matrices
4x4 matrix WebGL requires 4x4 matrix to transform vertex data in the vertex operation process. This page explains the core math classes, Vecto3, Vector4 and Matrix4 to define a 3D geometry and transform the geometry data.
 
GLSL Shaders
GLSL shader program GLSL (OpenGL Shading Language) allows to render the scene using a custom, user-defined rendering program.
 
VBO (Vertex Buffer Object)
VBO (Vertex Buffer Object) Vertex buffer object (VBO) allows vertex array data to be stored in high-performance graphics memory on the server side and promotes efficient data transfer.
 
 
Drawing Cube
cube Cube is the simplest 3D geometry, and it is frequently used to explain how to construct a VBO and how to transform in 3D space in WebGL. This page shows a rotating cube with a texture map and vertex colors.
 

←Back
 
Hide Comments
comments powered by Disqus