Demo Repository: Difference between revisions
Jump to navigation
Jump to search
m Rearranged Microsoft IE to be alphabetical order |
Kbr google (talk | contribs) Remove Jonas Sicking's demos which are no longer available |
||
| (8 intermediate revisions by 3 users not shown) | |||
| 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: | <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: | <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 38: | Line 38: | ||
<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: | <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 47: | Line 47: | ||
<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: | <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 56: | Line 56: | ||
<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: | <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: | <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 74: | Line 74: | ||
<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: | <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 97: | Line 97: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td style="background:#CCC; color:white">[https://www.khronos.org/registry/webgl/sdk/demos/webkit/Earth.html Earth]</td> | <td style="background:#CCC; color:white">[https://www.khronos.org/registry/webgl/sdk/demos/webkit/Earth.html Earth (and Mars)]</td> | ||
<td style="background:#AAA; color:white"> Apple </td> | <td style="background:#AAA; color:white"> Apple </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: | <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: | <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: | <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 161: | Line 161: | ||
</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. | |||
Latest revision as of 00:51, 18 July 2019
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 | Yes | Yes | Yes | Yes | Yes | |
| particles | Yes | Yes | Yes | Yes | Yes | |
| shiny-teapot | Yes | Yes | Yes | Yes | Yes | |
| high-dpi | Yes | Yes | Yes | Yes | Yes | |
| image-texture-test | Yes | Yes | Yes | Yes | Yes | |
| procedural-texture-test | Yes | Yes | Yes | Yes | Yes | |
| Vertex Buffer Object Example | Yes | Yes | Yes | Yes | Yes | |
| Colored Box | Apple | Yes | Yes | Yes | Yes | Yes |
| Textured Box | Apple | Yes | Yes | Yes | Yes | Yes |
| Earth (and Mars) | 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 |
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.