8个惊艳的Javascript WebGL示例

本文介绍了WebGL技术,一种结合JavaScript和OpenGLES2.0的3D绘图标准,可为HTML5 Canvas提供硬件加速渲染。展示了多个利用WebGL创建的精彩案例,包括坦克世界等游戏和3D分形实验。

WebGL是一种3D绘图标准,这种绘图技术标准允许把javascript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个javascript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。

显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。最酷的事? WebGL的脚本是用javascript。糟糕的事情吗?它不能在所有平台。

请务必查看这些实验通过Chrome9+,火狐和Safari4 ++ OSX的10.6。对不起,没有IE。

TankWorld

坦克世界是一个坦克射击游戏,你可以使用各种武器打击你的对手。在某些级别,你可以找到一个直升机探索世界…

Clouds

用javascript实现的真实云

HelloRacer™ WebGL

高档仿真汽车互动

WebGL Aquarium

将自己沉浸在一个充满了鱼,鲨鱼和珊瑚的水族馆中。此功能演示了3D高品质的纹理,场景动画,像素阴影动画,反射,折射和焦散模型。

Fractal Lab

一个WebGL的应用程序交互探索和渲染3D分形。

Chrysaora

本实验从先前提交的水母实验演变过来。

Visual Random

随机多种级别:体素下降,体素颜色,堆块随机跌落。所有的联合创建一个随机有趣的东西。

Sintel Goes Boom

视频播放的后期处理的一些纹理。

原文地址:http://www.woiweb.net/8-stunning-javascript-webgl-demo.html

转载于:https://my.oschina.net/woiweb/blog/15747

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值