由Google提供技术支持，华纳兄弟、新线电影公司、米高梅提供授权，取材自即将上映的魔幻大作《霍比特人2》的互动网站，名为：中土世界之旅
令人称奇的网站：中土世界之旅
中土世界（Middle-earth）英国作家约翰·罗纳德·鲁埃尔·托尔金（J.R.R.托尔金）在其魔幻小说构建出来的一块架空世界中的大陆。而我们认识这个世界很大程度上要归功于大导演彼得·杰克逊的《魔戒》电影三部曲。在总长超过9个小时的三部曲中，观众除了记住片中著名人物外，也对这个奇幻的中土世界留下深刻印象。
魔戒电影三部曲
随着《魔戒》前传《霍比特人》系列登场，观众再一次回到了中土世界。如果你是一名中土世界的忠实粉丝，那么下面这个网站你一定要去看一看。这是由Google提供技术支持，华纳兄弟、新线电影公司、米高梅提供授权，取材自即将上映的魔幻大作《霍比特人2：史矛革荒漠》的实验性 互动网站，名为：中土世界之旅。
访问：中土世界之旅（http://middle-earth.thehobbit.com/）
注意：这个网站基于CSS3和WebGL技术制作，因此请保证你使用的浏览器支持这些标准，首选自然是Chrome。
待页面加载完毕后，点击中间的开始字样开始我们的中土世界之旅。首先看到的是正片大陆的地图俯视图，悠扬的背景音乐再加上空中随风飘过的云层，从制作水准上来说，完全比得上游戏大作中的世界地图。
中土世界地图
地图可以在一定程度上缩放，放大之后还会额外显示地名。而地图上那几个看上去不太搭调的圆圈（有几个还带锁形图标）就是我们能够进一步探索的地方。
可供深入探索的地点
探索精灵家园
进入一处地点后，横向拉动页面可以查阅关于和电影剧情相关的介绍，帮助你了解这里。而且每个可探索的地点都会包含一项和页面元素互动的小游戏，比如瑞文戴尔这个精灵的家园，我们可以体验到鼠标移动和页面元素的互动。
探索瑞文戴尔
在开始体验互动前，还会插入一小段过场动画，也许比不上预渲染的CG动画那般华丽震撼，但也已经足够让我们小小惊叹一下了。要知道，这可不是用flash做的。
互动前的动画演示
正式开始互动游戏后，流畅度让人满意，丝毫没有延迟。随着鼠标划过画面中的元素，不同的效果实时反馈在我们面前。
与画面中的元素实时互动
危险的食人妖森林
离开精灵栖息的家园，再去食人妖森林闯荡一番。和瑞文戴尔相比，这片森林显然充满了危险。
在食人妖森林里，互动游戏就要比之前的更紧张一些了，首先你要通过键盘上的方向键来控制游戏主角躲避食人妖的注意力。根据它们视野的方向，选择避开正面的奔跑路线。万一不幸被看到了，则要立即使用鼠标来滑动页面上的元素到缺口位置，以避开食人妖的攻击，只要坚持到天亮你就赢了。
注意往食人妖背后跑
被看到了不要慌，闪躲它们的进攻，这些食人妖动作很迟钝哦。
闪躲食人妖攻击
继续探索……
离开危险的食人妖森林，向更远处的多尔戈尔德出发，这是一座被黑暗势力占据的要塞，这里又会有什么等待着探险者呢？还是交给各位自行探索吧。
多尔戈尔德等待着你的探索
后记
随着CSS3、WebGL、HTML5等全新Web标准加入到网站设计中来，即使是3D特效也可以通过新标准（WebGl）轻松在网页上实现，可以想象在不久将来，我们所访问的网页会是多么精彩。
网友评论