JavaScript實現的水果忍者游戲，支持鼠標操作

智能手機剛剛普及時，水果忍者這款小游戲可謂風靡一時。幾年過去了，現在，讓我們用純JavaScript來實現這個水果忍者游戲，就算是為了錘煉我們的JavaScript開發(fā)技能吧。

創(chuàng)新互聯IDC提供業(yè)務:簡陽服務器托管,成都服務器租用,簡陽服務器托管,重慶服務器租用等四川省內主機托管與主機租用業(yè)務;數據中心含:雙線機房,BGP機房,電信機房,移動機房,聯通機房。

大家可以通過這個鏈接在線玩一玩（該鏈接是我的github地址）：

http://i042416.github.io/FioriODataTestTool2014/WebContent/051_fruitninja.html

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

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

玩法和手機上一樣簡單。

如果大家想定制化水果忍者這個游戲，請從我的github上將水果忍者的源代碼clone或者下載到本地，然后自行修改：

https://github.com/i042416/FioriODataTestTool2014/

如果大家想修改在游戲里登場的水果圖標，直接把文件夾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")的紅色分支就是切到水果的分支，執(zhí)行加分和顯示水果被切成兩半的效果。else的藍色分支是切到炸彈的分支，我們只需要將藍色分支內的代碼注釋掉，游戲就永遠不能結束了。不過這樣挺無聊的，哈哈！

這個游戲的JavaScript版本的作者： https://github.com/ChineseDron/fruit-ninja

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

分享標題：JavaScript實現的水果忍者游戲，支持鼠標操作
當前網址：http://www.muchs.cn/article30/phopso.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站排名、Google、定制網站、移動網站建設、網站內鏈、企業(yè)網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯