未来的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 吧。这个精美的演示操作很简单,控制船上小男孩在美丽的海上夕阳的背景下划船前进或者潜入水底,探寻神秘的海底世界。

效果演示

2.  Pitts Demo

Pitts demo 是另一个精彩的 3D 飞行游戏,像其它我已经展示的游戏演示一样,这个游戏的物理引擎也是让人难以置信的。你可以滚动,减慢,加速! 

效果演示

3. Chrome World Maze

《Chrome 世界迷宫》是 Chrome 最前沿的实验项目之一。玩转世界迷宫的时候,用你的桌面设备作为显示屏和手机(安装了 Chrome 浏览器)作为控制器。你可以使用任何网站作为迷宫,赶紧体验一下吧!

[[81972]]

效果演示

4.  Optic Flow

《光流》演示使用的设备的摄像头来检测移动,并再运动路径周围发散一系列的光点。运动越多,动画圆点越多。终极玩法,在摄像头前面的摇摆运动,以获得最佳体验。

[[81973]]

效果演示

5.  Roll It

这是一款经典的滚雪球游戏,和《Chrome 迷宫》游戏一样,也是桌面屏幕作为显示器,移动设备作为控制器。摆动手动的移动设备,板上的球就能滚动了,赶紧试一下!

[[81974]]

效果演示

#p#

6.  Ironbane MMO

Ironbane 是一个 3D 平台游戏,在你移动的的时候回自动切换的角度。不可思议的平滑动画和响应能力,Ironbane 是 HTML5 游戏经典案例之一。

[[81975]]

效果演示

7.  Cube Slam

有人想尝试和一只孤独的熊玩挡板打砖块游戏吗?Cube slam 给你这个机会,当然也可以和朋友玩,只要发给他们一个用于同步的链接就可以了。

[[81976]]

效果演示

8.  WebCam Mesh

这个令人惊叹的演示也是应用了摄像头,创建动态,充满质感的脉动形态的用户图像,多么令人难以置信的流畅和迷人的杰作。

[[81977]]

效果演示

9.  Pixelate

像素化是另一种基于摄像头的演示,跟踪用户的动作,并以绿色的像素点显示对象的轮廓。此演示甚至能模仿声音(在Mac上,尝试增加和减少音量可以实现)。

[[81978]]

效果演示

WebGL 还可以用于更强大的图形创作和动画。上述几个演示项目都是令人印象深刻的游戏,代表着 HTML5 游戏的未来!

原文链接:http://www.cnblogs.com/lhb25/p/9-mind-blowing-webgl-demos.html

责任编辑:林师授 来源: 博客园
相关推荐

2011-07-18 13:35:14

HTML 5

2017-03-21 08:52:20

神经网络声誉

2022-01-24 15:57:34

Python返回功能代码

2011-02-23 08:50:22

C#.NETdynamic

2010-07-15 16:21:03

不可思议的服务器

2013-10-10 13:07:25

方物

2021-11-10 06:38:01

Python链式操作

2014-01-14 10:33:42

开源硬件开源

2017-11-08 14:07:45

数据库MySQL慢查分析

2023-04-06 09:44:00

ChatGPT行业质量

2012-05-16 17:28:32

智能手机

2020-07-02 15:40:11

Spring BootJar包Java

2014-07-26 22:18:51

2020-09-16 10:24:37

物联网环保应用IOT

2016-07-06 11:56:52

思科汉堡光纤骨干网

2012-02-13 11:01:27

N9Android 4.0

2014-11-13 10:08:21

2023-04-04 22:31:11

GPT-5人工智能

2024-04-07 00:00:00

亿级数据ES

2021-03-03 07:12:47

Windows10操作系统微软
点赞
收藏

51CTO技术栈公众号