JavaScript實現的水果忍者遊戲，支持鼠標操做

智能手機剛剛普及時，水果忍者這款小遊戲可謂風靡一時。幾年過去了，如今，讓咱們用純JavaScript來實現這個水果忍者遊戲，就算是爲了錘鍊咱們的JavaScript開發技能吧。

你們能夠經過這個連接在線玩一玩（該連接是個人github地址）：

http://i042416.github.io/Fior...

用鼠標在網頁上劃一條橫線切正中的「New Game」的水果開始新的遊戲：

而後按住鼠標左鍵不放，在屏幕上劃一條線，便可去切您中意的水果了。

玩法和手機上同樣簡單。

若是你們想定製化水果忍者這個遊戲，請從個人github上將水果忍者的源代碼clone或者下載到本地，而後自行修改：

https://github.com/i042416/Fi...

若是你們想修改在遊戲裏登場的水果圖標，直接把文件夾images/fruit下面的圖片文件替換便可。以蘋果爲例，apple.png表明完整的蘋果，apple-1.png和apple-2.png分別表明被切成兩半的蘋果左半部份和右半部份。

若是想修改遊戲音效，請將您喜歡的音效的mp3文件放到sound文件夾下。

咱們在玩這個遊戲時，若是在JavaScript文件all.js的slice事件處理函數裏設置斷點，就能觀察到JavaScript實現是如何檢測水果刀（是否）切到了水果：collide.check：

若是你們以爲只有三次機會玩起來太不過癮了，那很容易，直接把showLseAt這個函數裏的number == 3的判斷條件改爲好比number == 999， 這樣就能夠幾乎無限制得玩啦！

有的朋友想做弊得更完全一點，想達到即便切到炸彈，遊戲也不結束的效果。

那麼只須要修改sliceAt函數，以下圖if ( fruit.type != "boom")的紅色分支就是切到水果的分支，執行加分和顯示水果被切成兩半的效果。else的藍色分支是切到炸彈的分支，咱們只須要將藍色分支內的代碼註釋掉，遊戲就永遠不能結束了。不過這樣挺無聊的，哈哈！

這個遊戲的JavaScript版本的做者：https://github.com/ChineseDro...

要獲取更多Jerry的原創技術文章，請關注公衆號"汪子熙"或者掃描下面二維碼: