Google Doodle – 网页版电子琴 (附代码下载)

2011-06-15 | 网络分享 | | 50,523Views | 4 条评论 | 发表评论 |
qrcode

6月9号,Google Doodle又有了新的创意,再次放出很有意思的Doodle:电子琴,为了纪念Les Paul的96岁生日。

这个Google Doodle采用html5编写,效果还不错吧。网上很多网友甚至贴出了不少电子琴谱,像欢乐颂、春江花月夜、沧海一声笑、两只老虎、隐形的翅膀等等,很有趣哈哈,那天我也完了好久,很多网友玩得不亦乐乎,Google也看到效果不错,但也不能多放一天吧,于是乎Google将之转移到Google Logo网站永久保留。

Google的确强大,Doodle已经成为其很有特色的文化之一。今年Google Doodle出了不少新鲜玩意儿,像之前的吃豆游戏现代舞和6月9日的电子琴,很有创意的说,看来Google Doodle小组的思维越来越开放了,期待更精彩的Doodle。

这几天逛论坛发现很多网友想要这段代码,于是乎,我把这段代码从Google官网剔出来,并做了几个不同的版本,需要的可以点击以下链接下载。Demo1Demo2Demo3Demo4

先来玩一把吧!!

弹奏的时候,鼠标要先在框框中点击一下或鼠标滑过琴弦之后才有效哦(即将焦点放在iframe中)!

弹奏乐谱:
欢乐颂:EERT TREW QQWE EWW EERT TREW QQWE WQQ
春江花月夜:H-HHK-LHG~G-G-H-KLD~D-SDG-DGH~KL-;-K-L;LKH-G~(-和~是长音)
沧海一声笑:pouyt uytew wewetyuop ppouyty
爱情买卖:3688368 77653 2226235 37753 3688368 00989 00989987 53566
两只老虎:TYUT TYUT UIO UIO OPOIUT OPOIUT UWT UWT
沧海一声笑:POUYT UYTEW WEWETYUOP PPOUYTY
隐形的翅膀:358787 6568321 11186532122 358787 6568321 1118653211

弹奏说明:
键盘1-7分别对应中音1(dou)-7(xi),8 9 0对应高音的1(dou) 2(luai) 3(mi),字母键盘也有对应的音,这样就可以弹奏一些简单的乐曲了。这个Doodle还带有录音功能,按下红色那个小键盘,就会记录你的弹奏,停止记录后一旁会有一个三角形开始按钮,真是很厉害。


¶ 版权所有:Jason Space - 张俊个人网站 » 《Google Doodle – 网页版电子琴 (附代码下载)》
¶ 本文链接:http://blog.zhangjun.me/posts/70.html   ¶ 如果你喜欢本站:点此订阅本站

声明: 本文由( ZhangJun )原创编译,转载请保留链接: Google Doodle – 网页版电子琴 (附代码下载)

Google Doodle – 网页版电子琴 (附代码下载):目前有 4 条留言

  1. 板凳
    wepost 2011-07-02 13:25 | |

    iframe就可以了,没必要下载到博客上的

    回复
    • ZhangJun 2011-07-02 23:40 | |

      修改了部分代码,做了几个不同版本所以才单独提供下载的

      回复
  2. 沙发
    snowperd 2011-06-28 21:26 | |

    …… ❗ 😮 😯 😆 😈 哈哈

    回复
    • ZhangJun 2011-06-28 22:18 | |

      你这是在测试我的留言图像吗,好像是的

      回复
欢迎访问, 您可以在此自由发表评论 |您的IP: , 来自: (), ,

                                         

    有人回复时邮件通知我

    social social

------====== 本站公告 ======------
§ 本博客原地址另有他用,博客地址变更为 http://blog.zhangjun.me , 原博客地址blog.zhangjun.me变更为"张俊工作室"网站

§ 欢迎访问张俊工作室官方网站: http://www.zhangjun.me

¶ 手机访问

code code

¶ 读者排行