Article Introduction: The WebGL is a 3D drawing standard that allows JavaScript and OpenGL ES 2.0 to be combined to provide hardware 3D acceleration rendering for HTML5 canvas. The WEBGL technology standard eliminates the hassle of developing Web page-specific rendering plug-ins and can be used to create Web pages with complex 3D structures and even to design 3D web games. |
The WebGL is a 3D drawing standard that allows JavaScript and OpenGL ES 2.0 to be combined to provide hardware 3D acceleration rendering for HTML5 canvas. The WEBGL technology standard eliminates the hassle of developing Web page-specific rendering plug-ins and can be used to create Web pages with complex 3D structures and even to design 3D web games. This article will bring you 8 amazing WebGL effects that you can view in the latest Chrome browsers.
1. Supershape.js
Supershape.js allows you to experiment with 3D Superformula in a browser. Superformula is a general geometric deformation formula that covers a large number of geometric shapes found in nature. In Supershape.js, in addition to the formula parameters, you can also select a different material, and set the lighting.
2. Holymania
In a twisted tunnel, you need to control a ball and not touch the edge of the tunnel. See how much your best grades are.
3. Cube
Based on the WebGL build, you can travel in a cube on New York, Tokyo and other city maps.
4. Cloth Simulation
Cloth simulation program based on WEBGL and GPU acceleration.
5. Reactive Ball
A ball with a metallic texture. This is a test of light, liquid, and environmental maps.
6. Lorenz Attractor
This is not only a stacked random point, but presents a fractal structure corresponding to the long-term behavior of the Lorenz attractor (Lorenz oscillator).
7. Swiss Addresses in 3D
Using WebGL, the distribution of 3.7 million Swiss population is presented in the form of a graph.
8. Cell Cycle
Cell cycle is a WEBGL design application designed to create a cellular model that can be 3D printed.