kaikeba

HTML5 Google电吉他 可用键盘弹奏

本文由码农网 – 小峰原创,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划

这是一款来自Doodle的创意作品,它是一个基于HTML5 Canvas的电吉他,当我们将鼠标滑过吉他的弦时,电吉他将会发出美妙的声音,更加酷的是,你可以利用键盘来弹奏一首悦耳的乐章,非常强大的HTML5。

HTML代码

<DIV id=hplogo border="0">
<DIV id=hplogo-g>
<DIV id=hplogo-click onclick=google.doodle.go();></DIV>
<DIV id=hplogo-lcd-screen></DIV>
<DIV id=hplogo-lcd-icon></DIV><INPUT id=hplogo-lcd-text 
onclick=this.focus();this.select() readOnly autocomplete="off">
<DIV id=hplogo-on></DIV>
<DIV id=hplogo-led></DIV>
<DIV id=hplogot>电吉他之父莱斯·保罗 96 周年诞辰</DIV></DIV>
<DIV 
style="LEFT: -100px; OVERFLOW: hidden; WIDTH: 0px; POSITION: absolute; TOP: -100px; HEIGHT: 0px"><INPUT 
id=hplogo-i></DIV></DIV>

JavaScript代码都是压缩过的,不知道大家有没有办法将压缩过的JavaScript代码整理出来?

本文的特效来自Doodle,如能将压缩的JavaScript整理出来,小编不胜感激!

本文链接:http://www.codeceo.com/article/html5-google-guitar.html
本文作者:码农网 – 小峰
原创作品,转载必须在正文中标注并保留原文链接和作者等信息。]

发表我的评论

取消评论
表情 插代码

Hi,您需要填写昵称和邮箱!

  • 必填项
  • 必填项

网友评论4

  1. 超酷,mark

    FuckC2016-03-23 09:08 回复
  2. 赞一个

    2016-07-06 20:06 回复
  3. 现在有很多小伙伴在自学,但是一个人的能力是有限的,遇到问题没人帮你解决,我给大家推荐一个大神学习交流q un,希望对大家能有所帮助,q un号前面是五七四,中间是一八九,后面是三五九。这里每晚都有大牛直播教学。

    1234562016-07-14 14:24 回复
  4. [/强]

    qq5792096792017-03-13 10:51 回复