The amazing WebGL effect created by combining JavaScript and OpenGL

Source: Internet
Author: User

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.


Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.