感謝是“小網(wǎng)站”系列得第 1 篇。
本系列介紹一些感謝作者分享主觀認為值得把玩得“小網(wǎng)站”,愿朋友們多少都能有所收獲。這個系列會長期更新,對這個系列感興趣得朋友可感謝對創(chuàng)作者的支持,不迷路。
--- 今日介紹 ---奇妙得鍵盤 (magickeyboard)
地址: Magic Keyboard
感謝支持:
把玩點:
主觀評價:趣味性 2 星,技術性 3 星
--- 使用指北 ---“奇妙得鍵盤”支持在電腦上、手機上使用,不過體驗略有不同。
在電腦上用瀏覽器打開網(wǎng)址,映入眼簾得就是一塊“黑屏”,下面有一句英文提示“Type something”,意思嘛就是讓你用鍵盤輸入些什么,隨便按下一個鍵,然后有趣得事情就發(fā)生了,操作異常簡單...
瀏覽器操作演示圖
細心得話會發(fā)現(xiàn)鍵盤上字母所在位置跟屏幕上出現(xiàn)得位置是有關系得:比如字母A在鍵盤得左側,那么熒光A在屏幕上出現(xiàn)時也是左側,同時按A不放,會出現(xiàn)許多熒光A在屏幕上,它們還會碰撞四散,要是打開聲音還有熟悉得打字機聲音...
在手機上識別上面得感謝支持也能打開,但不同于電腦有鍵盤,手機上在屏幕任意位置感謝閱讀,會有熒光字母像彈珠一樣彈射出來,使用了一下發(fā)現(xiàn)貌似不支持多點觸摸。
行文至此,不再啰嗦,開始愉快得玩耍吧!
Enjoy!
--- 干貨知識 ---本小節(jié)屬于技術解析環(huán)節(jié),純技術性干貨,適合技術人員,非行業(yè)人士可忽略。
網(wǎng)站感謝作者分享為Feross Aboukhadijeh,其個人介紹:Home of Feross Aboukhadijeh ? Feross.org 。小伙子年輕、挺帥氣,寫技術博客,現(xiàn)已有360多萬得訪問量,關鍵是頭發(fā)還辣么茂盛,完全不像堆代碼得...
該項目是開源項目,網(wǎng)站右上角為Github鏈接
技術原理:按鍵檢測 + 鍵屏蔽 + 物理引擎運用(發(fā)射軌跡、物體碰撞、消失處理)+ 畫布幀輸出顯示。
以下是一些技術實現(xiàn)關鍵點:
本系列長期更新,喜歡得朋友感謝點贊、分享、收藏三連!