Introduction to the "WebGL" 1.WebGL

Basic concepts of OpenGL and WebGL

OPEN GL: A Professional graphics program Interface for cross-programming language, cross-platform programming interface specifications. It is used for three-dimensional image (two-dimensional also), is a powerful, easy to call the bottom-level graphics library.

WebGL: A 3D graphics standard? Fused with JavaScript and open GL ES2.0? Hardware 3D accelerated rendering for HTML5 Canvas Web developers can use the system to display 3D scenes and models more smoothly in the browser, can also create complex navigation and data visualizations

OpenGL is a bottom-level library, and he is a language and platform-independent graphical programming interface (including two-and three-dimensional) can be implemented in a variety of ways, while WebGL is web-related, is a web-based standard, in the WebGL annotation, We can make three-dimensional animation by using JavaScript to invoke the underlying graphics library such as OpenGL, is not quite cool

Of course, due to the limitations of hardware, web-level three-dimensional animation development has just begun, perhaps a few years after the hardware has a great development, perhaps WebGL will be hot up

The relationship between them is as shown above

Features of WebGL

1. The most important feature of WebGL is that he is a browser-brought standard, that is, no need to install any plugins and components, unlike Flash and Siverlight, which is a big advantage for him

2. Next, WebGL is implemented through a unified, standard, cross-platform OpenGL interface that enables graphical rendering using the underlying graphics hardware acceleration features

Support situation

As you can see, the WebKit browser is basically supported, and IE will not begin to support until 11.

Effect Show

Three-dimensional animation said that the effect is more than two-dimensional animation to enrich a lot of, even amazing to describe:

?Tankworld: A Web three-dimensional tank game?Clouds: A cloud effect?Helloracer™WebGL: An equation racing game? Google body browser:google anatomy? Pearl boy: A scene? http://helloracer.com/racer-s/: A very cool racing effect

Development framework:

WebGL Common development framework such as Three.js, currently pinned on Https://github.com/mrdoob/three.js, is now more fiery, but the Chinese document is relatively small, the official website http://threejs.org as follows:

Introduction to the "WebGL" 1.WebGL