制作彪马登录页面html代码,彪马发布的HTML5游戏

这是著名运动品牌彪马出品的一个8位机风格横版过关游戏，基于 HTML5 Canvas。

空格键跳跃，上下键切换跑道，吃金牌。

是的，作为从8位机时代成长起来的游戏迷，我喜欢这种风格。

点击运行游戏： www.puma.com/runpumarun

特别是对于一些遇到放大情况的游戏图像，

我能接受锯齿不能接受模糊。

设计风格明快，玩法简单，作为实现品牌推广为目标的小游戏，已经不错。

不过有点虎头猪身蛇尾。

游戏开始的几个交互都不错，包括操作提示和选人。

但是游戏过程的体验并不好。最大的问题是游戏界面显示不全，而且在这种情况下还有一部分界面被悬浮在浏览器窗口底部的导航条挡住了。

于是在我的11寸MacBook Air下，可以说不能正常进行游戏，部分障碍物以及下方的跑道无法看清。如果浏览器因为工具栏的层数多导致窗体变矮，那很可能只能看到跑手的头部在移动了，游戏直接从“合家欢”变成“儿童不宜”。

如何在不同浏览环境的浏览器下正确“获取焦点”，是现在绝大HTML5作品需要考虑的问题。

Game Over 当然就是游戏的真面目显露的时候，毫无亮点。

很生硬地给出“SHOP PUMA”的链接，但是和游戏本身毫无因果关系，你好歹做一个过渡呀!

哪怕很弱智地放大游戏角色的跑鞋然后逐级放大然后才引导过去也好吧?

不过无论如何，PUMA用HTML5小游戏作为营销推广手段的做法还是值得称道的。