8 个效果惊人的 WebGL/JavaScript 演示
jopen 12年前
<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>