正在阅读:大炫HTML 5技术 微软展示《饥饿游戏》HTML 5网页版大炫HTML 5技术 微软展示《饥饿游戏》HTML 5网页版

2012-03-22 10:18 出处:PConline原创 作者:盛夏Veya 责任编辑:lihongyu

  【PConline 资讯】3月22日消息,《饥饿游戏》(The Hunger Games)电影版将于3月23日在美国上映,近日,微软联手Lionsgate发布了一个《饥饿游戏》HTML 5网页版,展示微软最新的HTML 5技术,并大力推广IE 9。

大炫HTML 5技术 微软展示《饥饿游戏》网页版
《饥饿游戏》HTML 5网页版

  《饥饿游戏》(The Hunger Games)讲述的是世界末日后,一群被从“施惠国”(Panem)(北美洲之前曾存在过)选中的年轻人参加一个竞争求生存游戏的故事。在《饥饿游戏》电影版上映前,微软与Lionsgate合作开发一个特殊HTML 5版的饥饿游戏(The Hunger Games)。这个网站使用了一些当前最新的HTML 5技术来创造出各种媲美电影的特效,比如光线、镜头光晕和视频投影等等。网页效果非常炫目。

  在《饥饿游戏》HTML 5网页版中,包含了原著中的不同场景、人物介绍、照片、音乐和视频等,喜欢《饥饿游戏》的网友能从这个网站中获得更多电影上映前的独家内容。此外,该网页还有两个彩蛋功能,会透露一些将在本周晚些时候上映的电影剧情。

  彩蛋一:在中控室你可以用键盘输入“ivolunteer”,之后点击获取地图。

  彩蛋二:在纪念大道你可以点击Katniss然后Peeta会向你透露一些训练中心剪辑。

大炫HTML 5技术 微软展示《饥饿游戏》网页版
《饥饿游戏》HTML 5网页版

大炫HTML 5技术 微软展示《饥饿游戏》网页版
《饥饿游戏》HTML 5网页版

大炫HTML 5技术 微软展示《饥饿游戏》网页版
《饥饿游戏》HTML 5网页版

大炫HTML 5技术 微软展示《饥饿游戏》网页版
《饥饿游戏》HTML 5网页版

  《饥饿游戏》HTML 5网页版,对于微软来说,除了是对《饥饿游戏》电影版的一个宣传之外,更是对IE 9的一场营销活动。微软在该网站的右下方使用了一个动态的IE图标,点击之后就是IE的Cut the Rope游戏和IE接下来的新一轮推广,微软希望用户可以分心留意一下“你是喜欢还是讨厌”Internet Explore这个问题。

大炫HTML 5技术 微软展示《饥饿游戏》网页版
微软对IE 9的推广


视频:The Hunger Games 网站的开发过程

-----------------------------------------------------------------------------

更多关于HTML 5资讯:

WebQQ升级支持IE9 充分运用HTML5优势
//pcedu.pconline.com.cn/softnews/yejie/1107/2475950.html

情人节心碎 谷歌搜索google gravity彩蛋
//pcedu.pconline.com.cn/softnews/yejie/1202/2673132.html

Adobe败给苹果 将停止开发移动版Flash
//pcedu.pconline.com.cn/softnews/yejie/1111/2581836.html

-----------------------------------------------------------------------------

关注我们

最新资讯离线随时看 聊天吐槽赢奖品