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中,除了公式参数外,你还可以选择不同的材料,并设置灯光。
2. HolyMania
在一个扭曲的隧道中,你需要控制一个球,且不能碰到隧道的边缘。看看你的***成绩是多少。
3. Cube
基于WebGL构建,你可以在一个立方体的纽约、东京和其他城市地图上旅游。
4. Cloth Simulation
基于WebGL、GPU加速的布料模拟程序。
5. Reactive Ball
一个具有金属质感的球。这是关于光线、液态、环境地图的试验。
6. Lorenz Attractor
这不仅是堆积随机点,而是呈现出洛伦茨吸引子(洛伦茨振子的长期行为对应的分形结构)。
7. Swiss Addresses in 3D
使用WebGL,以3D形式呈现出370万瑞士人口的分布图。
8. Cell Cycle
Cell Cycle是一个用来进行webGL设计的应用,用于创建可3D打印的细胞模型。
原文链接:9 IMPRESSIVE WEBGL JAVASCRIPT EFFECT SHOWCASE
【编辑推荐】
文章名称:8个效果惊人的WebGL/JS演示
网站链接:http://www.shufengxianlan.com/qtweb/news28/460328.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联