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的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码: