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整理出來，小編不勝感激！