10个新鲜及令人印象深刻的HTML5画布和WebGL的范例

     今天向大家介绍新收集的一些有趣的HTML5示例和几个WebGL应用程序示例。WebGL是一个软件包用于开发能够在Web浏览器中展示可交互的3D图形。相信我，这些都非常有趣。    <br />    <h3><a href="/misc/goto?guid=4958184445945958329" rel="nofollow" target="_blank">1. MD2 Models in WebGL using GLGE</a></h3>    <p>第一个示例展示了可能性。这里有6个不同的动画人物模型。<br /> <img title="img1.jpg" border="0" alt="img1.jpg" src="https://simg.open-open.com/show/604e699be2a473b3f1a9ef5adc6af29d.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184446693354250" rel="nofollow" target="_blank">2. WebGL Maze</a></h3>    <p>这是另外一个在Web中展示3D的示例，非常强大。这是一个真实迷宫，需要从走头到尾。<br /> <img title="img2.jpg" border="0" alt="img2.jpg" src="https://simg.open-open.com/show/9472798439454bd7b4e7ebabd7baa948.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184447436144205" rel="nofollow" target="_blank">3. Jellyfish</a></h3>    <p>水母的生活模式。<img title="img3.jpg" border="0" alt="img3.jpg" src="https://simg.open-open.com/show/6a2db64215a0500e0f14ee98255e0567.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184448165788050" rel="nofollow" target="_blank">4. Quake 3 WebGL Demo</a></h3>    <p>雷神之锤3竞技场在线WebGL的演示。<br /> <img title="img4.jpg" border="0" alt="img4.jpg" src="https://simg.open-open.com/show/8038fb6e6ba1ab70feacbd60e9165439.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184448902857087" rel="nofollow" target="_blank">5. Wikipedia Knowledge Map</a></h3>    <p>有趣的Wiki百科使用方式，可在一个可交互的树形结构中。<br /> <img alt="inforapid" src="https://simg.open-open.com/show/71f3c6dd0b0cd667b78b000ad47acbd7.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184449634119634" rel="nofollow" target="_blank">6. Chrysaora</a></h3>    <p>现在，我们可以看到很多的果冻鱼。<img title="img6.jpg" border="0" alt="img6.jpg" src="https://simg.open-open.com/show/5ba8bf6a9ff22b46cfcb7fd86cb1d1d3.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184450375186032" rel="nofollow" target="_blank">7. The Wobble Dance</a></h3>    <p>梦幻般的品质的人脸映射 (Anisotropic & vertex Wobble GLSL shader).<br /> <img title="img7.jpg" border="0" alt="img7.jpg" src="https://simg.open-open.com/show/929256be20c786a1401bbd3bae9a0ea5.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184451114603658" rel="nofollow" target="_blank">8. WebGL Image Filters</a></h3>    <p>此编辑器允许您在线编辑您的照片 - 调整颜色，适用于不同的过滤器。<img title="img8.jpg" border="0" alt="img8.jpg" src="https://simg.open-open.com/show/d7095746da31f5187154d73a080293e9.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184451852714653" rel="nofollow" target="_blank">9. Gravitational Particle System </a></h3>    <p>这个系统允许控制数以千计的粒子。<img title="img9.jpg" border="0" alt="img9.jpg" src="https://simg.open-open.com/show/c46de4c4c49fd8c114262bf3a12d3201.jpg" /></p>    <h3><a href="/misc/goto?guid=4958184452596731325" rel="nofollow" target="_blank">10. Glass Shader</a></h3>    <p>玻璃着色（颅骨）的折射，反射，菲涅尔效果和色散。<img title="img10.jpg" border="0" alt="img10.jpg" src="https://simg.open-open.com/show/82fe8ecfccbdac485dab1d0d47448c4c.jpg" /></p>    <br />