`
guoyiqi
  • 浏览: 1001650 次
社区版块
存档分类
最新评论

google 谷歌 吃豆人 pacman

    博客分类:
  • java
阅读更多
原则上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就可以玩了。不过这种方法由于安全的性的问题,不能听到游戏的声音,会少了很多乐趣。

分享到:
评论

相关推荐

    HTML5谷歌(Pacman)吃豆人游戏

    HTML5谷歌(Pacman)吃豆人游戏源码,google于5月21日,把主页上加了这个游戏,为了纪念吃豆人30周年,可惜没两天就没了,还没有看到的朋友可以下来看看,看过的也可以收藏下吗,老外那下的。 需要注意的是,这个源...

    Google发布经典游戏吃豆人Logo_游戏的源码

    著名搜索引擎谷歌(google)也更换了纪念性《吃豆人》的LOGO,不过与之前各种LOGO不同,这次的LOGO本身就是一个在线小游戏,大家打开google首页,静等几秒,就可以游戏了,游戏方式与原作一样,操作吃豆人躲避幽灵吃...

    google-pacman.zip_pacman

    《谷歌吃豆人游戏解析:源码与资源详解》 谷歌吃豆人(Google Pac-Man)是一款基于经典游戏“吃豆人”(Pac-Man)的在线版本,它由谷歌在其搜索页面上发布,以庆祝游戏诞生30周年。这款小游戏不仅保留了原版游戏的...

    multi-pacman:适用于Android的多人吃豆人(Libgdx + Google Play游戏服务)

    多吃豆人Android的多人PacmanVS端口(使用Libgdx + Google Play游戏服务)。 “桌面”启动器仅用于测试。 去做: 处理大颗粒和鬼魂的恐惧模式; 实施/修复鬼的单人游戏模式和AI; 在游戏界面中添加玩家信息(注释,...

    Google PAC-MAN 来源于网络

    PAC-MAN(吃豆人)是一款由日本游戏设计师岩谷彻于1980年开发的经典街机游戏,它在全球范围内产生了深远影响,成为了游戏史上的一个标志性符号。游戏的核心玩法是控制黄色的PAC-MAN角色在迷宫中吃掉所有的点,同时...

    Street_Pacman

    当吃豆人在易受攻击时被标记或当吃豆人标记所有 4 个幽灵时,游戏结束。内置: 谷歌地图 API 和 GMaps.js Javascript 查询html css 套接字io 快速js 节点js特征: 通过 GPS 进行地理定位多人游戏即时的复古设计未来...

    Pacman Offline-crx插件

    【Pacman Offline-crx插件】是一款专为喜爱经典游戏《吃豆人》的用户设计的浏览器扩展程序,它允许用户在任何时间、任何地点,无论是在线还是离线状态下,都能享受到这款充满趣味的街机游戏。这款插件是基于英文...

    webrtc_p2p_pacman:基于webrtc_utils的多人吃豆游戏

    【标题】"webrtc_p2p_pacman"是一款基于`WebRTC`技术的多人在线吃豆游戏,利用了`WebRTC_utils`库来实现实时通信功能。它展示了如何在Dart编程环境中创建一个互动的、P2P(点对点)的网络应用。 【描述】"优步简单...

    pacman-with-voicecontrol

    【标题】"pacman-with-voicecontrol"是一个项目,它将经典的吃豆人游戏与现代的语音识别技术相结合,让玩家可以通过语音指令来控制游戏。这个创新的实现为传统游戏带来了全新的交互方式,增强了游戏体验。 【描述】...

    PacMan-ML:惊人的经典街机游戏。 现在带有机器学习引擎

    吃豆人通过网络摄像头 Waka Waka的小吃豆人。 格林德利( 关于 您是否知道吃豆人的原名是吃冰人? 您可能认为这是因为他看上去像冰球,但实际上它来自日语短语“ Paku-Paku”...Google Pacman-感谢Google仅在前端实施

    pacman:Pure Go绑定到Arch Linux软件包管理器

    "吃豆人"在这里可能是一个俏皮的误译,实际上"Pacman"在Linux世界中是指"Package Manager for Arch Linux",即Arch Linux的包管理器。描述中提到的"纯软件包"指的是这个项目旨在不依赖任何非Go语言编写的库或组件,...

    2021-2022年收藏的精品资料软件工程师10个HTML5精彩应用设计案例.docx

    5. 谷歌吃豆人游戏(http://html5games.net/game/google-pacman/) 谷歌为庆祝吃豆人30周年而创建的HTML5游戏,证明了HTML5可以构建复杂的游戏环境,且不需依赖Flash等插件。 6. 表单验证...

Global site tag (gtag.js) - Google Analytics