天天看點

JavaScript實作的水果忍者遊戲,支援滑鼠操作

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

大家可以通過這個連結線上玩一玩(該連結是我的github位址):

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

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

JavaScript實作的水果忍者遊戲,支援滑鼠操作
JavaScript實作的水果忍者遊戲,支援滑鼠操作
JavaScript實作的水果忍者遊戲,支援滑鼠操作

如果大家想定制化水果忍者這個遊戲,請從我的github上将水果忍者的源代碼clone或者下載下傳到本地,然後自行修改:

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

如果大家想修改在遊戲裡登場的水果圖示,直接把檔案夾images/fruit下面的圖檔檔案替換即可。以蘋果為例,apple.png代表完整的蘋果,apple-1.png和apple-2.png分别代表被切成兩半的蘋果左半部份和右半部份。

JavaScript實作的水果忍者遊戲,支援滑鼠操作
JavaScript實作的水果忍者遊戲,支援滑鼠操作
JavaScript實作的水果忍者遊戲,支援滑鼠操作
JavaScript實作的水果忍者遊戲,支援滑鼠操作

繼續閱讀