8 个效果惊人的 WebGL/JavaScript 演示

jopen 9年前
   <div id="news_body">     <p>        WebGL 是一种 3D 绘图标准,这种绘图技术标准允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,为 HTML5 Canvas 提供硬件 3D 加速渲染。WebGL 技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂 3D 结构的网站页面,甚至可以用来设计 3D 网页游戏等。</p>     <p>        本文将为你带来 8 个效果惊人的 WebGL 效果,你可以在最新的 Chrome 浏览器中查看。</p>     <p>        <strong>1.   <a href="/misc/goto?guid=4958341420643645448" target="_blank">Supershape.js</a></strong></p>     <p>        supershape.js 让你可以在浏览器中试验 3D superformula。Superformula 是一个通用的几何变形公式,涵盖了大量在自然界中发现的几何形状。在 supershape.js 中,除了公式参数外,你还可以选择不同的材料,并设置灯光。</p>     <p style="text-align:center;"><img alt="8 个效果惊人的 WebGL/JavaScript 演示" src="https://simg.open-open.com/show/89e6d61a2f8bfde04c0b2ff03c9ed4e9.jpg" width="500" height="250" /></p>     <p>        <strong>2.   <a href="/misc/goto?guid=4958341421448989156" target="_blank">HolyMania</a></strong></p>     <p>        在一个扭曲的隧道中,你需要控制一个球,且不能碰到隧道的边缘。看看你的最好成绩是多少。</p>     <p style="text-align:center;"><img alt="8 个效果惊人的 WebGL/JavaScript 演示" src="https://simg.open-open.com/show/4a857034426dedbeb7f3cec6582003f9.jpg" width="500" height="250" /></p>     <p>        <strong>3.   <a href="/misc/goto?guid=4958341422237904794" target="_blank">Cube</a></strong></p>     <p>        基于 WebGL 构建,你可以在一个立方体的纽约、东京和其他城市地图上旅游。</p>     <p style="text-align:center;"><img alt="8 个效果惊人的 WebGL/JavaScript 演示" src="https://simg.open-open.com/show/3798033d38fc5193698d1e5a24fce702.jpg" width="500" height="250" /></p>     <p>        <strong>4.   <a href="/misc/goto?guid=4958341423040423598" target="_blank">Cloth Simulation</a></strong></p>     <p>        基于 WebGL、GPU 加速的布料模拟程序。</p>     <p style="text-align:center;"><img alt="8 个效果惊人的 WebGL/JavaScript 演示" src="https://simg.open-open.com/show/400eec782d0608345bcef326cf9c9ed8.jpg" width="500" height="250" /></p>     <p>        <strong>5.   <a href="/misc/goto?guid=4958341423831336341" target="_blank">Reactive Ball</a></strong></p>     <p>        一个具有金属质感的球。这是关于光线、液态、环境地图的试验。</p>     <p style="text-align:center;"><img alt="8 个效果惊人的 WebGL/JavaScript 演示" src="https://simg.open-open.com/show/b0d1fd8a5e3a3473955076a63e25cb4c.jpg" width="500" height="250" /></p>     <p>        <strong>6.   <a href="/misc/goto?guid=4958341424627187910" target="_blank">Lorenz Attractor</a></strong></p>     <p>        这不仅是堆积随机点,而是呈现出洛伦茨吸引子(洛伦茨振子的长期行为对应的分形结构)。</p>     <p style="text-align:center;"><img alt="8 个效果惊人的 WebGL/JavaScript 演示" src="https://simg.open-open.com/show/2c1c094ec31146a08009e2964630b64d.jpg" width="500" height="250" /></p>     <p>        <strong>7.   <a href="/misc/goto?guid=4958341425430123507" target="_blank">Swiss Addresses in 3D</a></strong></p>     <p>        使用 WebGL,以 3D 形式呈现出 370 万瑞士人口的分布图。</p>     <p style="text-align:center;"><img alt="8 个效果惊人的 WebGL/JavaScript 演示" src="https://simg.open-open.com/show/8aae4cff374ff9751898e8486e3f107b.jpg" width="500" height="250" /></p>     <p>        <strong>8.   <a href="/misc/goto?guid=4958341426227553310" target="_blank">Cell Cycle</a></strong></p>     <p>        Cell Cycle 是一个用来进行 webGL 设计的应用,用于创建可 3D 打印的细胞模型。</p>     <p style="text-align:center;"><img alt="8 个效果惊人的 WebGL/JavaScript 演示" src="https://simg.open-open.com/show/2cf1fd3cb8ba93ee4219edae17d9ecac.jpg" width="500" height="250" /></p>     <p>        英文原文:<a href="/misc/goto?guid=4958341427020416361" target="_blank">9 IMPRESSIVE WEBGL JAVASCRIPT EFFECT SHOWCASE</a></p>     <div id="come_from">     来自:      <a id="link_source2" href="/misc/goto?guid=4958341427811827527" target="_blank">www.iteye.com</a>     </div>    </div>