摘要:智能手機剛剛普及時,水果忍者這款小游戲可謂風靡一時。幾年過去了,現在,讓我們用純來實現這個水果忍者游戲,就算是為了錘煉我們的開發技能吧。那么只需要修改函數,如下圖的紅色分支就是切到水果的分支,執行加分和顯示水果被切成兩半的效果。
智能手機剛剛普及時,水果忍者這款小游戲可謂風靡一時。幾年過去了,現在,讓我們用純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的原創技術文章,請關注公眾號"汪子熙"或者掃描下面二維碼:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/98560.html
吃豆人和削蘋果這兩個游戲想必大家都知道吧,本文運用Python里的Pygame控制模塊編寫出一個融合吃豆人+切水果的新手游:玩命吃蘋果,有興趣的話可以認識一下 引言 哈哈哈!木木子今天浮現——早已來給大家看了不少具體內容啦~ 涉及到的人工智能、新手、網絡爬蟲、數據統計分析(這一塊的通常但是審批)手機游戲... PS: 吃豆人我寫過了哈 Python+Pygame實戰之吃豆豆游戲的實...
摘要:設置和清除定時器直接引用忍者秘籍中的圖片注意定時器的時間間隔設為,也會有幾毫秒的延遲。以上參考資料忍者秘籍第章馴服線程和定時器 showImg(https://segmentfault.com/img/remote/1460000015353524?w=1024&h=681); 前言 前段時間剛看完《JS忍者秘籍》,雖說是15年出版的,有些東西是過時了,但像對原型鏈、閉包、正則、定時器...
閱讀 2212·2021-11-22 13:52
閱讀 3847·2021-11-10 11:36
閱讀 1380·2021-09-24 09:47
閱讀 1088·2019-08-29 13:54
閱讀 3360·2019-08-29 13:46
閱讀 1942·2019-08-29 12:16
閱讀 2108·2019-08-26 13:26
閱讀 3471·2019-08-23 17:10