未来的 Web：九个不可思议的 WebGL 应用试验
WebGL 技术允许把 JavaScript 和 OpenGL ES 2.0 结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定，WebGL 可以为 HTML5 Canvas 元素提供硬件 3D 加速渲染，这样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。今天，本文向大家展示8个惊艳的 WebGL 应用实验。
1. Pearl Boy
如果你需要片刻来放松心情，那么来试玩一下 Pearl Boy 吧。这个精美的演示操作很简单，控制船上小男孩在美丽的海上夕阳的背景下划船前进或者潜入水底，探寻神秘的海底世界。
3. Chrome World Maze
《Chrome 世界迷宫》是 Chrome 最前沿的实验项目之一。玩转世界迷宫的时候，用你的桌面设备作为显示屏和手机（安装了 Chrome 浏览器）作为控制器。你可以使用任何网站作为迷宫，赶紧体验一下吧！
4. Optic Flow
《光流》演示使用的设备的摄像头来检测移动，并再运动路径周围发散一系列的光点。运动越多，动画圆点越多。终极玩法，在摄像头前面的摇摆运动，以获得最佳体验。
5. Roll It
这是一款经典的滚雪球游戏，和《Chrome 迷宫》游戏一样，也是桌面屏幕作为显示器，移动设备作为控制器。摆动手动的移动设备，板上的球就能滚动了，赶紧试一下！
6. Ironbane MMO
Ironbane 是一个 3D 平台游戏，在你移动的的时候回自动切换的角度。不可思议的平滑动画和响应能力，Ironbane 是 HTML5 游戏经典案例之一。
7. Cube Slam
有人想尝试和一只孤独的熊玩挡板打砖块游戏吗？Cube slam 给你这个机会，当然也可以和朋友玩，只要发给他们一个用于同步的链接就可以了。
8. WebCam Mesh
这个令人惊叹的演示也是应用了摄像头，创建动态，充满质感的脉动形态的用户图像，多么令人难以置信的流畅和迷人的杰作。
9. Pixelate
像素化是另一种基于摄像头的演示，跟踪用户的动作，并以绿色的像素点显示对象的轮廓。此演示甚至能模仿声音（在Mac上，尝试增加和减少音量可以实现）。
WebGL 还可以用于更强大的图形创作和动画。上述几个演示项目都是令人印象深刻的游戏，代表着 HTML5 游戏的未来！
您可能感兴趣的相关文章
英文来源：未来的Web：九个让人兴奋的 WebGL 应用演示
文章来源：梦想天空 ◆ 关注Web前端开发技术 ◆ 分享网页设计资源
未来的 Web：九个不可思议的 WebGL 应用试验的更多相关文章
- 20个不可思议的 WebGL 示例和演示
WebGL 是一项在网页浏览器呈现3D画面的技术,有别于过去需要安装浏览器插件,通过 WebGL 的技术,只需要编写网页代码即可实现3D图像的展示.WebGL 可以为 Canvas 提供硬件3D加速渲 ...
- Java Web(九) 用户管理系统
前面学习了一大堆,什么JSP,Servlet.jstl.el等等等,大多是一些死的东西,只要会其语法,知道怎么用就行了,所以做了一个小小的只有增删改查的小demo,为的就是熟悉这些知识.灵活运用起来. ...
- Java Web(九) JDBC及数据库连接池及DBCP，c3p0，dbutils的使用
DBCP.C3P0.DBUtils的jar包和配置文件(百度云盘):点我下载 JDBC JDBC(Java 数据库连接,Java Database Connectify)是标准的Java访问数据库的A ...
- 惊艳！9个不可思议的 HTML5 Canvas 应用试验
HTML5 <canvas> 元素给网页中的视觉展示带来了革命性的变化.Canvas 能够实现各种让人惊叹的视觉效果和高效的动画,在这以前是需要 Flash 支持或者 JavaScript ...
- Web 前端开发精华文章集锦（jQuery、HTML5、CSS3）【系列十八】
<Web 前端开发精华文章推荐>2013年第六期(总第十八期)和大家见面了.梦想天空博客关注 前端开发 技术,分享各种增强网站用户体验的 jQuery 插件,展示前沿的 HTML5 和 C ...
- 小伙伴们惊呆了！10行 JavaScript 实现文本编辑器
最近,我需要做一个非常基本的网页内容编辑功能.我不想使用 iframe ,我也不想要一个功能特别多的复杂编辑器,只需要很基本的内容编辑功能,例如粗体,斜体,列表,对齐等等. 您可能感兴趣的相关文章 分 ...
- JavaScript 实现文本编辑器
JavaScript 实现文本编辑器 最近,我需要做一个非常基本的网页内容编辑功能.我不想使用 iframe ,我也不想要一个功能特别多的复杂编辑器,只需要很基本的内容编辑功能,例如粗体,斜体,列表, ...
- localForage——轻松实现 Web 离线存储
Web 应用程序有离线功能,如保存大量数据集和二进制文件.你甚至可以做缓存 MP3 文件这样的事情.浏览器技术可以保存离线数据和大量的储存.但问题是,如何选择合适技术,如何方便灵活的实现. 如果你需要 ...
- 使用 Promises 编写更优雅的 JavaScript 代码
你可能已经无意中听说过 Promises,很多人都在讨论它,使用它,但你不知道为什么它们如此特别.难道你不能使用回调么?有什么了特别的?在本文中,我们一起来看看 Promises 是什么以及如何使用它 ...
随机推荐
- hibernate（四）ID生成策略
一.ID生成策略配置 1.ID生成方式在xml中配置方式: <?xml version="1.0"?> <!DOCTYPE hibernate-mapping P ...
- 寻找表达式（dfs）
题目来源:微策略2013年校园招聘笔试题 题目描述: 现在有一个序列123......N,其中N介于3和15之间,要求在序列之间加入+.-或者空格,使得该序列组成的数学表达式的运算结果为0. 输入: ...
- [OpenCV] Samples 06: [ML] logistic regression
logistic regression,这个算法只能解决简单的线性二分类,在众多的机器学习分类算法中并不出众,但它能被改进为多分类,并换了另外一个名字softmax, 这可是深度学习中响当当的分类算法 ...
- Android基于mAppWidget实现手绘地图（十二）–显示当前用户位置
若显示当前用户位置,你需要执行以下步骤: 1.添加ACCESS_COARSE_LOCATION 和ACCESS_FINE_LOCATION权限在AndroidManifest.xml中 2.用mapW ...
- Nutch源码阅读进程4---parseSegment
前面依次看了nutch的准备工作inject和generate部分,抓取的fetch部分的代码,趁热打铁,我们下面来一睹parse即页面解析部分的代码,这块代码主要是集中在ParseSegment类里 ...
- 使用php来访问操作sql server
使用php来访问操作sql server 在此分成三步走: 第一部:查看配置,下载文件 首先查看自己的php和sql server版本 Php文件输入echo PHP_VERSION 运行脚本就可以 ...
- Cordova webapp实战开发：（7）如何通过简单的方法做到，不重新发布APP来修复bug、增加功能、或者躲开苹果的一些严格审核？
到<Cordova webapp实战开发:(6)如何写一个iOS下获取APP版本号的插件?>为止,我们已经大体学会了如何使用Cordova了,那些都是使用Cordova的开发者必备的技能. ...
- 20款精致的长阴影 LOGO 设计【附免费生成工具】
长阴影(Long Shadow)概念来自于最新非常流行的扁平化设计(Flat Design).扁平化设计趋势影响最大的是用户界面元素和图标,但它也开始蔓延到其他网页设计的其他部分. 长阴影其实就是扩展 ...
- .NET平台下IIS7.5+无后缀名伪静态实现办法
首先新建一个应用程序池,名称任意,比如:nettest,托管管道模式先暂时设置为集成模式,等下面的一系列设置完成之后再设置成经典模式: 部署好站点,并将此站点的应用程序池设置为nettest; 选中站 ...
- 实现jquery.ajax及原生的XMLHttpRequest跨域调用WCF服务的方法
关于ajax跨域调用WCF服务的方法很多,经过我反复的代码测试,认为如下方法是最为简便的,当然也不能说别人的方法是错误的,下面就来上代码,WCF服务定义还是延用上次的,如: namespace Wcf ...