資訊專欄INFORMATION COLUMN
摘要：智能手機(jī)剛剛普及時(shí)，水果忍者這款小游戲可謂風(fēng)靡一時(shí)。幾年過去了，現(xiàn)在，讓我們用純來實(shí)現(xiàn)這個(gè)水果忍者游戲，就算是為了錘煉我們的開發(fā)技能吧。那么只需要修改函數(shù)，如下圖的紅色分支就是切到水果的分支，執(zhí)行加分和顯示水果被切成兩半的效果。
智能手機(jī)剛剛普及時(shí)，水果忍者這款小游戲可謂風(fēng)靡一時(shí)。幾年過去了，現(xiàn)在，讓我們用純JavaScript來實(shí)現(xiàn)這個(gè)水果忍者游戲，就算是為了錘煉我們的JavaScript開發(fā)技能吧。
大家可以通過這個(gè)鏈接在線玩一玩（該鏈接是我的github地址）：
http://i042416.github.io/Fior...
用鼠標(biāo)在網(wǎng)頁上劃一條橫線切正中的“New Game”的水果開始新的游戲：
然后按住鼠標(biāo)左鍵不放，在屏幕上劃一條線，即可去切您中意的水果了。
玩法和手機(jī)上一樣簡(jiǎn)單。
如果大家想定制化水果忍者這個(gè)游戲，請(qǐng)從我的github上將水果忍者的源代碼clone或者下載到本地，然后自行修改：
https://github.com/i042416/Fi...
如果大家想修改在游戲里登場(chǎng)的水果圖標(biāo)，直接把文件夾images/fruit下面的圖片文件替換即可。以蘋果為例，apple.png代表完整的蘋果，apple-1.png和apple-2.png分別代表被切成兩半的蘋果左半部份和右半部份。
如果想修改游戲音效，請(qǐng)將您喜歡的音效的mp3文件放到sound文件夾下。
我們?cè)谕孢@個(gè)游戲時(shí)，如果在JavaScript文件all.js的slice事件處理函數(shù)里設(shè)置斷點(diǎn)，就能觀察到JavaScript實(shí)現(xiàn)是如何檢測(cè)水果刀（是否）切到了水果：collide.check：
如果大家覺得只有三次機(jī)會(huì)玩起來太不過癮了，那很容易，直接把showLseAt這個(gè)函數(shù)里的number == 3的判斷條件改成比如number == 999， 這樣就可以幾乎無限制得玩啦！
有的朋友想作弊得更徹底一點(diǎn)，想達(dá)到即使切到炸彈，游戲也不結(jié)束的效果。
那么只需要修改sliceAt函數(shù)，如下圖if ( fruit.type != "boom")的紅色分支就是切到水果的分支，執(zhí)行加分和顯示水果被切成兩半的效果。else的藍(lán)色分支是切到炸彈的分支，我們只需要將藍(lán)色分支內(nèi)的代碼注釋掉，游戲就永遠(yuǎn)不能結(jié)束了。不過這樣挺無聊的，哈哈！
這個(gè)游戲的JavaScript版本的作者：https://github.com/ChineseDro...
要獲取更多Jerry的原創(chuàng)技術(shù)文章，請(qǐng)關(guān)注公眾號(hào)"汪子熙"或者掃描下面二維碼:
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/98560.html
吃豆人和削蘋果這兩個(gè)游戲想必大家都知道吧，本文運(yùn)用Python里的Pygame控制模塊編寫出一個(gè)融合吃豆人+切水果的新手游：玩命吃蘋果，有興趣的話可以認(rèn)識(shí)一下 引言 哈哈哈！木木子今天浮現(xiàn)——早已來給大家看了不少具體內(nèi)容啦~ 涉及到的人工智能、新手、網(wǎng)絡(luò)爬蟲、數(shù)據(jù)統(tǒng)計(jì)分析（這一塊的通常但是審批）手機(jī)游戲... PS: 吃豆人我寫過了哈 Python+Pygame實(shí)戰(zhàn)之吃豆豆游戲的實(shí)...
摘要：詳解十大常用設(shè)計(jì)模式力薦深度好文深入理解大設(shè)計(jì)模式收集各種疑難雜癥的問題集錦關(guān)于，工作和學(xué)習(xí)過程中遇到過許多問題，也解答過許多別人的問題。介紹了的內(nèi)存管理。 延遲加載 (Lazyload) 三種實(shí)現(xiàn)方式 延遲加載也稱為惰性加載，即在長網(wǎng)頁中延遲加載圖像。用戶滾動(dòng)到它們之前，視口外的圖像不會(huì)加載。本文詳細(xì)介紹了三種延遲加載的實(shí)現(xiàn)方式。 詳解 Javascript十大常用設(shè)計(jì)模式 力薦~ ...
摘要：設(shè)置和清除定時(shí)器直接引用忍者秘籍中的圖片注意定時(shí)器的時(shí)間間隔設(shè)為，也會(huì)有幾毫秒的延遲。以上參考資料忍者秘籍第章馴服線程和定時(shí)器 showImg(https://segmentfault.com/img/remote/1460000015353524?w=1024&h=681); 前言 前段時(shí)間剛看完《JS忍者秘籍》，雖說是15年出版的，有些東西是過時(shí)了，但像對(duì)原型鏈、閉包、正則、定時(shí)器...
閱讀 2239·2021-11-22 13:52
閱讀 3876·2021-11-10 11:36
閱讀 1418·2021-09-24 09:47
閱讀 1096·2019-08-29 13:54
閱讀 3371·2019-08-29 13:46
閱讀 1952·2019-08-29 12:16
閱讀 2120·2019-08-26 13:26
閱讀 3477·2019-08-23 17:10
