Webgl Study Notes 1

1. Webgl Introduction: webgl is a cross-platform, royalty-free web standard for a low-level 3D graphics API Based on OpenGL ES 2.0, exposed through the HTML5 Canvas Element as Document Object Model interfaces. developers familiar with OpenGL ES 2.0 will recognize webgl as a shader-based API using glsl, with constructs that are semantically similar to those of the underlying OpenGL ES 2.0 API. it stays very close to the OpenGL ES 2.0 specification, with some concessions made for what developers expect CT out of memory-managed versions ages such as JavaScript.

   Webgl brings Plugin-free 3D to the Web, implemented right into the browser. major browser vendors Apple (Safari), Google (chrome), Mozilla (Firefox), and Opera (opera) are members of the webgl Working Group. (Safari, chrome, Firefox, and operabrowsers all support the webgl technology without special plug-ins)

   • Firefox: webgl works in the Development nightly builds under Windows, Mac OS X, and Linux. click here for instructions for installing Firefox with webgl. if you're on a Windows or Linux, I recommend using Firefox.
   • Safari: webgl is supported by the WebKit core on which safari depends, but for the Mac only, and only on snow leopard (OS X 10.6) (it used to work on 10.5, AKA leopard, but sadly no longer does ). if you're on snow leopard, I recommend you use this option; if you're still using Leopard, I recommend chromium or minefield. click here for instructions for installing safari with webgl.
   • Chrome: The best way of trying out webgl in Chrome is to use one of the nightly builds of chromium, the open source project that Chrome is based on. click here for instructions on getting webgl running in chromium.

2. A good webgl tutorial for English web http://learningwebgl.com/blog? P = 11 # examples

3. Currently, Firefox can be used in browsers that can directly run the webgl program on PCs. After download and installation as prompted, webgl support in Firefox is disabled and needs to be opened manually.
4. A good online ide website for webgl: you can modify the code in the left column and view the modified 3D effect in the right column. Http://scenejs.org/ide.html? Url = http://scenejs.org/library/v0.7/scenes/examples/seymour-plane/seymour-plane.js&title=Distributed%20Content%20-%20COLLADA%20Seymour%20Plane
5. Download, modify, and run the first program. problems may occur: If you directly copy the instance to run the program, the program may not be displayed. Check the source code to see if the corresponding * is required *. JS file. Note that the directory may be "text/JavaScript". However, (note !) Download these JS files and place them in the same directory as the HTML files on the webpage.
6. A demo program of webgl was tested. It loaded into a small villa and found that the speed was very slow. when checking the system memory, it found that the memory was full. It is estimated that the current webgl has not been well optimized, and the data is not effectively compressed during transmission, or this demo itself is a problem. In any case, compared with the mature Web3D software, the current webgl performance is still poor and needs further optimization.
7. Another good tutorial website http://learningwebgl.com/blog? Page_id = 1217.