Demo Repository: Difference between revisions

From WebGL Public Wiki
Jump to navigation Jump to search
mNo edit summary
Kpym (talk | contribs)
IE 11 support is better than was displayed in this table. I came to check on my old laptop Dell with Intel Mobile 945 Express chipset and it works very well.
Line 10: Line 10:
   <th>Originator</th>
   <th>Originator</th>
   <th>Apple (WebKit)</th>
   <th>Apple (WebKit)</th>
   <th>Google (Chrome)</th>
   <th>Google (Chrome)<sup>1</sup></th>
   <th>Microsoft (Internet Explorer)</th>
   <th>Microsoft (Internet Explorer)</th>
   <th>Mozilla (Firefox)</th>
   <th>Mozilla (Firefox)</th>
Line 20: Line 20:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
Line 29: Line 29:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
Line 65: Line 65:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
Line 110: Line 110:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
Line 119: Line 119:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
Line 146: Line 146:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
Line 179: Line 179:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
Line 188: Line 188:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
Line 197: Line 197:
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:red">No</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
   <td style="color:green">Yes</td>
</tr>
</tr>
</table>
</table>
=== Notes ===
<sup>1</sup> Chrome disable (black-list) WebGL for some old graphics cards. For some of them other browsers work very well. For example WebGL is not working for Intel Mobile 945 Express family, but Internet Explorer 11 works very well.

Revision as of 07:50, 23 September 2014

The WebGL repository contains a number of demos that highlight WebGL functionality. The following table shows these demos and whether they are known to run in the current builds of WebGL-capable browsers. It may be out of date at any time; if in doubt, just try it!

You can check out the source code for all of these demos via Git:

   git clone https://github.com/KhronosGroup/WebGL.git
Test Originator Apple (WebKit) Google (Chrome)1 Microsoft (Internet Explorer) Mozilla (Firefox) Opera
san-angeles Google Yes Yes Yes Yes Yes
particles Google Yes Yes Yes Yes Yes
shiny-teapot Google Yes Yes Yes Yes Yes
high-dpi Google Yes Yes Yes Yes Yes
image-texture-test Google Yes Yes Yes Yes Yes
procedural-texture-test Google Yes Yes Yes Yes Yes
Vertex Buffer Object Example Google Yes Yes Yes Yes Yes
Colored Box Apple Yes Yes Yes Yes Yes
Textured Box Apple Yes Yes Yes Yes Yes
Earth Apple Yes Yes Yes Yes Yes
Teapot Per Vertex Apple Yes Yes Yes Yes Yes
Teapot Per Pixel Apple Yes Yes Yes Yes Yes
Many Planets Deep Apple Yes Yes Yes Yes Yes
WebGL + CSS Apple Yes Yes Yes No (Demo requires -webkit CSS prefixes, need to update it) No (teapot not drawn, CSS effects not supported)
J3DI Matrix Test Apple Yes Yes Yes Yes Yes
Spore COLLADA Viewer Mozilla Yes Yes No Yes Yes

Other demos


Test Originator Apple (WebKit) Google (Chrome) Microsoft (Internet Explorer) Mozilla (Firefox) Opera
Ray Tracer 2 Mozilla Yes Yes Yes Yes Yes
Julia fractal Mozilla Yes Yes Yes Yes Yes
Mandelbrot/Julia transition Mozilla Yes Yes Yes Yes Yes

Notes

1 Chrome disable (black-list) WebGL for some old graphics cards. For some of them other browsers work very well. For example WebGL is not working for Intel Mobile 945 Express family, but Internet Explorer 11 works very well.