HTML5+WebGL:构建3D网页新世界

今年下半年，HTML5和WebGL变成极热门词语，3D网页来势汹汹。主流的浏览器GoogleChrome以及MozillaFirefox均致力于HTML5+WebGL的3D网页技术方案的发展，各种实验性项目层出不穷。这是一个转折时期——互联网最重要的门户浏览器正在从主流支持2D平面网页内容到原生的支持3D物体形象的展示。

何谓WebGL?

WebGL是网页开发语言JAVAScript形式的绘图API接口，提供设备硬件图形能力的直接调用。HTML5则是网页开发语言新标准，提供了网页上的Canvas“画布”供网页上的3D对象展现。

简单的说，在此之前，3D物体形象在网页上不能直接展示，必须使用非标准的特殊网页语言语法或者通过安装额外的浏览器插件。HTML5和WebGL提供了一种技术方案，使程序员可以直接在网页上展示物体的3D形象，并且这种展现直接使用设备的图形处理器的处理能力,其绘图性能能够得到保证。3D网页技术应用很广，体验3D网页也非常简单，我们只需要桌面电脑支持现代的图形显示设备，同时，必须安装足够高版本的新型浏览器，诸如firefox和Chrome即可。

3D网页游戏

先说说3D网页游戏，在这场技术浪潮中，先知先觉的游戏厂商真正积极研发WebGL游戏引擎，为3D网页游戏潮流的到来提前进行技术储备。

Mozilla社区的Paladin项目组正在开发名为“Gladius”WebGL3D游戏引擎，CopperLicht则是一个快速JAVAScript的WebGL游戏引擎，在其网站上提供了一批WebGL游戏场景范例，其中不少的3D场景甚至可以媲美传统的PC桌面游戏。它们的效果可以在ResureFox和ambiera网站看到。

3D地图

而3D地图是另外一个关键应用。和目前的枯燥平面地图相比，3D地图可以以旋转的视角查看街景、建筑物的立体形状，用户有身临其境的感觉，体验非华丽、无以形容。在MapsGL项目中，3D地图的先行者Google正利用WebGL技术提供3D街景地图。按照Google的说法，他们在“重新打造了Google地图……提供更强大的性能、更丰富的3D图形、更流畅的图像过渡效果和45°视图旋转效果，以及能更方便地访问街景视图。”

要查看其效果，你可以直接访问GoogleMaps网页，并选择打开MapsGL功能。当地图的比例放大到一个街道路口大小的时候，平面的地图就会展示成3D的街景。下面是使用MapsGL功能访问美国曼哈顿周围的地图看到景观截图，转动图上的罗盘或者移动鼠标，查看的视角随之转动，其效果仿佛本人在曼哈顿的街道上闲逛。

可以想象，当每个城市都完成了3D的建模，并通过网页提供服务，3D地图之上能够叠加各种有趣的服务，例如：3D寻路导航，虚拟旅游，美食查找、网络社交、网络游戏等等。这些应用有目前的2D的版本，安装插件可以实现不怎么流畅的3D效果，但在未来的3D网页中，逼真的3D城市街景呈现了流畅的视角转换后，它将带来迥异的用户体验。