朱俊独立博客 » 源代码

谷歌首页圣诞节音乐演奏Doodle源代码

朱俊 — Sat, 24 Dec 2011 07:30:46 +0000

谷歌就是谷歌，在2011圣诞节来临之际推出了又一Doodle神作。

你可以通过点击六种颜色的按钮点亮Doodle里的字母，之后doodle就开始自己播放《铃儿响叮当》了。同时整个背景也变成黑色，配合闪亮的彩灯，非常漂亮。

面对这么有收藏价值的Doodle，当然要把它扒下来，放在自己博客上炫一下了。

Google 圣诞演奏音乐 Doodle 在线演示：

由于整个Doodle比较大，所以你需要至少800px，才能将整个页面展示出来，否则只能像上面的演示那样，一部分内容被遮挡了。

Google 圣诞演奏音乐 Doodle 源代码打包下载：

Google圣诞演奏音乐源代码

只要使用iframe 引用 “index.htm” ，就可以把整个电吉他效果加到你的独立博客或网站中去了。
如，在你的博客中添加如下代码：
BSP（博客服务提供商）会过滤大部分HTML代码，所以此方法主要适用于独立博客。

Google 圣诞演奏音乐 Doodle 不发声的解决方案：

你也可以在本地直接打开index.html 来演奏音乐，不过会由于Flash安全设置而无法发声，解决方法：

上传全部文件到服务器，然后用网址的形式打开，可以正常发声，通过IE/FF/Chrome测试。
http://www.macromedia.com/support/documentation/cn/flashplayer/help/settings_manager04.html
打开全局安全设置面板，在这个页面上会加载本地的Flash设置，选择“编辑多个位置–添加位置”，将holiday11.swf.swf所在文件夹加入到信任路径里，就可以本地播放了。
在本地用浏览器打开holiday11.swf，右键–全局设置–高级–受信任位置设置，找到并添加holiday11.swf.swf即可。（感谢网友罗汉果提供）

Google首页电吉他Doodle源代码

朱俊 — Thu, 09 Jun 2011 11:32:59 +0000

为了纪念电吉他之父莱斯·保罗（Les Paul，1915年6月9日－2009年8月13日）诞辰96周年，Google Doodle又出神作，首页的Logo被设计成一个电吉他形，并且鼠标滑过会弹出美妙的音乐，当你按下键盘图标时，还可以直接用键盘弹奏这个“电吉他”。

弹了几下，发现自己很有音乐天赋呢，于是决定保存下来，永久收藏。

Google 电吉他在线演示：

Google 6月10日再度更新，在www.google.com推出了带录音回放功能电吉他，按下原来的键盘图标就可以，弹完以后再按一次，点播放键。

带录音回放功能的 Google 电吉他在线演示：

录音以后会出现类似 “http://www.google.com/webhp?tune=EAwiYAgkBETAQmAgJAA*” 这样的直接播放URL，把“http://www.google.com/webhp” 替换成你自己的电吉他URL，同样可以自动播放。

Google 电吉他源代码打包下载：

Google电吉他源代码
上面压缩包中已经包含了新的带录音回放功能的电吉他（recordable-guitar.htm）和老的电吉他（google-guitar.htm）。

只要使用iframe 引用 “google-guitar.htm” 或者 “recordable-guitar.htm” ，就可以把整个电吉他效果加到你的独立博客或网站中去了。
如，在你的博客中添加如下代码：
BSP会过滤大部分HTML代码，所以此方法主要适用于独立博客。

Google 电吉他不发声的解决方案：

当然你也可以在本地直接打开 google-guitar.htm 或 recordable-guitar.htm 来弹奏吉他，不过会由于Flash安全设置而无法发声，解决方法：

上传全部六个文件到服务器，然后用网址的形式打开，可以正常发声，通过IE/FF/Chrome测试。
http://www.macromedia.com/support/documentation/cn/flashplayer/help/settings_manager04.html
打开全局安全设置面板，在这个页面上会加载本地的Flash设置，选择“编辑多个位置–添加位置”，将guitar11.swf所在文件夹加入到信任路径里，就可以本地播放了。（感谢网友Top Fun留言）
在本地用浏览器打开guitar11.swf，右键–全局设置–高级–受信任位置设置，找到并添加guitar11.swf即可。（感谢网友罗汉果提供）

Google 电吉他谱子：

网友们（找不到最原始出处，抱歉）提供了好多谱子呢，这里挑几首简单的，先按下键盘图标，然后用键盘弹，记得关闭输入法。

两只老虎（我的最爱^_*）: TYUT TYUT UIO UIO OPOIUT OPOIUT UWT UWT
沧海一声笑: POUYT UYTEW WEWETYUOP PPOUYTY
隐形的翅膀: 358787 6568321 11186532122 358787 6568321 1118653211
天空之城（优美）: 6787807 365685 254573 874477 6787807 365685 34878908 876756 1232352 5878007 678789855 43213 376321 21253 376321 21276

Google首页PacMan吃豆子游戏源代码

朱俊 — Sat, 22 May 2010 06:28:17 +0000

为了纪念NAMCO BANDAI 公司的Pac-Man（吃豆子）游戏诞生30周年，Google推出了一个特别的Doodle，首页的Logo可以直接作为一个Pac-Man游戏玩，支持双人同时游戏，支持键盘鼠标操作，总共有200多关。

花了几个小时抠出来了吃豆子游戏的源代码，去掉了Google首页无关的代码。
~~源代码中的pacman10-hp-sound.swf并不发声，所以去掉了，暂时还不知道Google是怎么播放音效的。~~
游戏音效已经加上了，原来是我在本地调试时，调用本地Flash有安全问题，没有出声，所以误会google了。

下面是朱俊为研究及收藏而提供的在线演示，Google保留所有权利。
点击Insert Coin开始游戏，点击两次则是双人游戏，在 IE / FireFox / Chrome 浏览器下均测试通过。

Pac-Man游戏在线演示：

Pac-Man源代码打包下载：

Google吃豆子游戏JavaScript源代码