您当前的位置: 首页 > 技术文章 > 前端开发

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

作者:licqi 时间:2012-06-15阅读数:人阅读
WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,为HTML5 Canvas提供硬件3D加速渲染。 WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等。 本文将为你带来8个效果惊人的WebGL效果,你可以在最新的Chrome浏览器中查看。 1.  Supershape.js supershape.js让你可以在浏览器中试验3D superformula。Superformula是一个通用的几何变形公式,涵盖了大量在自然界中发现的几何形状。在supershape.js中,除了公式参数外,你还可以选择不同的材料,并设置灯光。 8个效果惊人的WebGL/JS演示(图1) 2.  HolyMania 在一个扭曲的隧道中,你需要控制一个球,且不能碰到隧道的边缘。看看你的最好成绩是多少。 8个效果惊人的WebGL/JS演示(图2) 3.  Cube 基于WebGL构建,你可以在一个立方体的纽约、东京和其他城市地图上旅游。 8个效果惊人的WebGL/JS演示(图3) 4.  Cloth Simulation 基于WebGL、GPU加速的布料模拟程序。 8个效果惊人的WebGL/JS演示(图4) 5.  Reactive Ball 一个具有金属质感的球。这是关于光线、液态、环境地图的试验。 8个效果惊人的WebGL/JS演示(图5) 6.  Lorenz Attractor 这不仅是堆积随机点,而是呈现出洛伦茨吸引子(洛伦茨振子的长期行为对应的分形结构)。 8个效果惊人的WebGL/JS演示(图6) 7.  Swiss Addresses in 3D 使用WebGL,以3D形式呈现出370万瑞士人口的分布图。 8个效果惊人的WebGL/JS演示(图7) 8.  Cell Cycle Cell Cycle是一个用来进行webGL设计的应用,用于创建可3D打印的细胞模型。 8个效果惊人的WebGL/JS演示(图8) 原文链接:http://favbulous.com/post/993/9-impressive-webgl-javascript-effect-showcase

本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:licqi@yunshuaiweb.com

加载中~
如果您对我们的成果表示认同并且觉得对你有所帮助可以给我们捐赠。您的帮助是对我们最大的支持和动力!
捐赠我们
扫码支持 扫码支持
扫码捐赠,你说多少就多少
2
5
10
20
50
自定义
您当前余额:元
支付宝
微信
余额

打开支付宝扫一扫,即可进行扫码捐赠哦

打开微信扫一扫,即可进行扫码捐赠哦

打开QQ钱包扫一扫,即可进行扫码捐赠哦