JavaScript实现的水果忍者游戏，支持鼠标操作-低调大师

JavaScript实现的水果忍者游戏，支持鼠标操作

2018-08-25 651

智能手机刚刚普及时，水果忍者这款小游戏可谓风靡一时。几年过去了，现在，让我们用纯JavaScript来实现这个水果忍者游戏，就算是为了锤炼我们的JavaScript开发技能吧。

大家可以通过这个链接在线玩一玩（该链接是我的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")的红色分支就是切到水果的分支，执行加分和显示水果被切成两半的效果。else的蓝色分支是切到炸弹的分支，我们只需要将蓝色分支内的代码注释掉，游戏就永远不能结束了。不过这样挺无聊的，哈哈！

这个游戏的JavaScript版本的作者：https://github.com/ChineseDron/fruit-ninja

要获取更多Jerry的原创技术文章，请关注公众号"汪子熙"或者扫描下面二维码:

微信关注我们

原文链接：https://yq.aliyun.com/articles/629152

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

微信程序开发系列教程（二）使用JavaScript给微信用户发送消息

我之前的文章微信程序开发系列教程（一）开发环境搭建介绍了微信开发环境的搭建，这篇文章我们就来一步步开发一些具体的功能。功能需求：当有微信用户关注了您的公众号之后，您用JavaScript发送一个欢迎消息给这个粉丝。具体实现我们登陆微信公众号的控制台后，点开发-> 基本配置：能看到我们配置的微信消息服务器的地址。在我第一篇教程里讲到，我们在本地用nodejs开发一个Web服务器，然后部署到您喜欢的云平台，比如腾讯云，阿里云，百度云等等（我选的是云平台Heroku），然后把部署后应用的url维护到微信公众号控制台的服务器配置，如下图所示。维护好之后，微信用户关注该公众号或者给该公众号发送的消息，就会通过微信平台投递到您的nodejs应用，我们在里面就可以编程实现一些需求了。下文将该nodejs应用称为“消息服务器”。我们首先用nodejs的express module获得一个app对象： var express = require('express'); var app = express(); 当有微信用户关注您的公众号时，微信平台会发送一个HTTP post请求到您的消...

2018-08-26

592

相信大多数Java程序员都学习过volatile这个关键字的用法。百度百科上对volatile的定义： volatile是一个类型修饰符（type specifier），被设计用来修饰被不同线程访问和修改的变量。volatile的作用是作为指令关键字，确保本条指令不会因编译器的优化而省略，且要求每次直接读值。可能有很多刚学Java的朋友们看了上面这段非常笼统的描述后仍然觉得云里雾里的。下面我们就用一个具体的例子来学习volatile的用法。看这个例子： public class ThreadVerify { public static Boolean stop = false; public static void main(String args[]) throws InterruptedException { Thread testThread = new Thread(){ @Override public void run(){ int i = 1; while(!stop){ //System.out.println("in thread: " + Thread.cur...

2018-08-26

515

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。