google 谷歌 吃豆人 pacman

原则上Google的Doodle只有一天的时间,不过这次这个PAC-MAN倒是停留了很长时间,从前天晚上发现到今天早上竟然还在,发现许多朋友说要把这个Doodle扒下来做成离线可玩的版本,因为Google早晚是会撤掉这个Doodle的,不过好像也没有谁扒下来,早上起来看的不爽,准备把它扒下来,于是就有了这个Google PAC-MAN 离线可玩版。

立即下载:Google PAC-MAN 离线可玩版

最终截图如下:



简单说一下如何提取这个离线版本的,查看网页源代码,将JS和图片等资源全部下载到本地,连修改JS的地方都没有,只是将路径换换而已,所以其实扒下来还是很简单的。

需要注意一下的是:这个版本不会自动开始,需要Insert Coin才可以开始,另外无法调出声音文件。(声音文件是一个flash,但在JS里调用的时候似乎是做成iframe了,没有细研究)

此版本已经在:IE6、FireFox、Chrome、Safari下测试成功,并且请我朋友试玩过关到Game Over,至于是否有两百多关卡,我不知道。

如果有通关的朋友一定要留言告知一下啊。如果这个离线版本有什么问题,欢迎反馈。

那就简单来分析一下吧,刚好昨天装上了chromium,就用它的元素审查来看下都有哪些元素,使用了哪些脚本。
静态背景用css指定div的背景background:black url(logos/pacman10-hp.png),怪不得不能另存为图片。
顺便看下,动画导航按钮不是flash,而是静态png切图得到的多帧画面,使用js(实现
在/extern_js/f/CgV6aC1DThICaGsrMAo4aEACLCswDjgPLCswETgYLCswFjgWLCswFzgHLCswGDgFLCswGTggLCswJTjKiAEsKzAmOAssKzAnOA
QsKzA8OAIsKzBAOBAsKzBBOAUsKzBFOAEsKzBOOAUsKzBROAIsgAIT/EFpRjNs4MoY.js) 来切图以及显示,具体原理没有细看(很多js匿名
函数,临时变量名,排版成一行–googlecode里面好像有个这样的工具,很多js函数我不熟悉等 等原因导致不想看下去),也许是
js可以控制一个图片的显示区域,这样根据鼠标的行为来切换dom树里面的元素即可。严重怀疑这样的代 码应该是由软件生成而不
是人写的,难道是google wrt之类的开发工具(这类工具我也没有了解)。
动画导航按钮不是flash,而是静态png切图得到的多帧画面,使用js(实现
在/extern_js/f/CgV6aC1DThICaGsrMAo4aEACLCswDjgPLCswETgYLCswFjgWLCswFzgHLCswGDgFLCswGTggLCswJTjKiAEsKzAmOAssKzAnOA
QsKzA8OAIsKzBAOBAsKzBBOAUsKzBFOAEsKzBOOAUsKzBROAIsgAIT/EFpRjNs4MoY.js)来切 图以及显示,具体原理没有细看(很多js匿名
函数,临时变量名,排版成一行–googlecode里面好像有个这样的工具,很多js函数我不熟悉等等原因导致不想看下去),也许是
js可以控制一个图片的显示区域,这样根据鼠标的行为来切换dom树里面的元素即可。严重怀疑这样的代码应该是由软件生成而不
是人写的,难道是google wrt之类的开发工具(这类工具我也没有了解)。

通过window.setTimeout()从pacman10-hp.3.js加载pacman游戏相关代码。 a=document.createElement
(“script”);a.type=”text/javascript”;a.src=”logos/js/pacman10- hp.3.js”;google.dom.append(a)。
js里面用到的图片来自pacman10-hp-sprite.png,也是一个图片集合。另外,双人游戏的图片来自pacman10- hp-sprite-2.png,
声音文件是pacman10-hp-sound.swf。
根据上面的分析的结果,把文件保存下本地,在chromuim上面是可以玩的,并且没有发现有外链别的资源。在ie貌似不行,有可能是因为js或者 css里面的相对路径定义在各个浏览器之间存在一些兼容性问题,也可能是ie对我改过的源文件支持不好吧(我乱删除了一些影响阅读的东西,可能破坏了一些 完整性)。
下面是我打包的出来的google首页,可以直接玩了。
点此下载pacman.zip, 我顺便也解压了一份到 http://blog.antsense.com/wp-content/uploads/2010/05/pacman/, 可以直接玩。(注:在logo上面三击,然后耐心等待脚本、图片加载完毕就可以玩了,2人的这里玩不了,我还没去看insert coin涉及到什么操作。要是自己部署的话,需要自己修改下源码里面的路径)。
可永久玩Google首页吃豆子游戏的方法
今天是“吃豆子游戏”发布30周年的日子,为了纪念这个特殊的日子,Google第一次在首页提供了一个互动性的Logo,网友可以直接在Google首页玩到吃豆子游戏,并且体验到的游戏声音和配色与原作一样。



一般来说,Google过了今天就会将这个Logo更换掉,也就不能再在首页玩到这个游戏了。如果你还意犹未尽的话,这里提供两种方法让可以永久玩到这个游戏:

1.另一个可以玩在这个游戏的页面-点击开始玩,这个页面相对稳定。



2.将它下载到本地,到这个下载页面,下载游戏程序(看下图)



选择要下载文件的压缩格式,下载到本地。解压文件,点击index.html就可以玩了。不过这种方法由于安全的性的问题,不能听到游戏的声音,会少了很多乐趣。

你可能感兴趣的:(游戏,IE,Google,HP,网页游戏)