主题 : 【教程分享】Fruit Ninja(水果忍者)游戏源代码下载、分析（上）
级别: 侠客
可可豆: 294 CB
威望: 269 点
在线时间: 183(时)
发自: Web Page
【教程分享】Fruit Ninja(水果忍者)游戏源代码下载、分析（上）&&&
本帖被 偶尔e网事 执行加亮操作()
背景：   本来打算下一个游戏是涂鸦跳跃的，因为图片资源没准备好，暂时往后推迟。刚好笔者手头上有部分水果忍者的游戏素材，于是上周末花了一些时间把水果忍者实现了；以前读大学的时候这款游戏就风靡大街小巷，记得当时同学间也比赛谁得的分数高，乐趣无穷；笔者在那会还没学过编程，很难理解切西瓜是怎么做出来，现在此一时彼一时了。    因为素材有限，实现的效果可能和原版有差距，例外很多童鞋反映flappy，popstar和原版不同，笔者在此说明：因为是学习demo，差距肯定是有的，好的游戏需要读者精雕细琢，把握好每一个参数和细节，都是需要花时间的。   本系列共有上中下三篇，源码基本完成，分析分为三篇；ps：1  CocosEditor已发布新版本，现在提供6个实战demo学习，包括flappy ，popstar ，fruitninja，moonwarroris，fruitattack，testjavascript；2  运行demo需要配置好，暂不支持其他工具。demo是跨平台的，可移植运行android，ios，html5网页等，代码是基于javascript语言，cocos2d-x游戏引擎，CocosEditor手游开发工具完成的。源代码下载：请到代码集中营下载(水果忍者 上)：不同平台下的效果图：windowshtml5网页android平台       代码分析：实战项目里面ccbx场景都是略过的，主要放在代码这块，水果忍者主要有两个场景，一个开始场景StarLayer和主场景MainLayer；1 StartLayer.js里面有三个按钮，道场，开始，退出。道场功能未去实现，点击开始进入主场景MainLayer；StarLayer里面主要处理三个选项的旋转动画，如下直接无限循环旋转cc.RepeatForever.create(cc.RotateBy.create()）;圆环顺时针，水果逆时针；2 切掉绿色西瓜进入主场景；#西瓜包括两个西瓜碎片，触摸的瞬间，西瓜消失，两个碎片san0，san1产生；并各自执行不同的移动动画，并动画结束后cleanup；#触摸的瞬间也产生刀锋的效果 cc.MySprite.createFlash(this.rootNode, &flash.png&, this.pBegin, loc);#0.5s执行延迟函数进入主场景this.rootNode.scheduleOnce；3  产生刀锋函数，主要是根据pBegin和pEnd两个点计算旋转角度，简单的数学应用；以前不知道学数学干嘛，现在知道了；4 进入主场景MainLayer，需要每隔一段时间产生向上抛的水果newFruit；#从水果数组里面随机取一个水果getRandom(FRUIT_DATA.length)#创建水果精灵，初识位置 x随机取，y的话在屏幕下方-100，fruit.setPosition(cc.p(x, -100));；#设置水果的各种属性zorder，num等；#创建一个贝塞尔曲线控制数组，有三个点，决定一条曲线var controlPoints = [        cc.p(x, -100),        cc.p(x - offSetX, topY),        cc.p(x - offSetX * 2, -100)    ]; 又是数学的应用；#让水果同时实现贝塞尔曲线动画和旋转动画#水果数组添加该水果，主要用于后面的水果切除检测 this.fruitList.push(fruit);#播放抛出音效；5 每隔一段时间抛出一个newFruit，只要在update更新函数里面编写就行；如果当前时间距离上一个水果产生时间为0.5s，就又产生一个，周次循环，不断产生水果CocosEditor开发工具：CocosEditor，它是开发跨平台的手机游戏工具，运行window/mac系统上，javascript脚本语言，基于cocos2d-x跨平台游戏引擎, 集合代码编辑，场景设计，动画制作，字体设计，还有粒子，物理系统，地图等等的，而且调试方便，和实时模拟；CocosEditor 下载，介绍和教程：；CocosEditor官方博客：；FruitNinja系列文章Fruit Ninja(水果忍者)游戏源代码下载、分析（中）Fruit Ninja(水果忍者)游戏源代码下载、分析（下）[ 此帖被偶尔e网事在 14:42重新编辑 ]
CocosEditor
级别: 版主
UID: 300874
发帖: 2378
可可豆: 3131 CB
威望: 3189 点
在线时间: 1378(时)
发自: Web Page
Re:Fruit Ninja(水果忍者)游戏源代码下载、分析（上）
水果忍者，你终于来了
级别: 新手上路
UID: 243158
可可豆: 140 CB
威望: 100 点
在线时间: 74(时)
发自: Web Page
持续等待中。。。。。。。。。。。。。。。
关注本帖(如果有新回复会站内信通知您)
苹果公司现任CEO是谁？2字 正确答案:库克
发帖、回帖都会得到可观的积分奖励。
按"Ctrl+Enter"直接提交
关注CocoaChina
关注微信 每日推荐
扫一扫 浏览移动版160011&结果
13738&结果
10203&结果
23807&结果
160011&结果
13738&结果
10203&结果
23807&结果
您是不是想找 :
专注正版设计作品交易平台
我图网为1900万位老板，设计师，白领，老师，
行政后勤，管理人员等提高工作效率
在线客服:咨询热线:400-600-8526>> html5 游戏水果忍者
html5 游戏水果忍者
所属分类：
下载地址：
HTML5水果忍者游戏源码.文件大小：2.22 MB
分享有礼！ 》
请点击右侧的分享按钮，把本代码分享到各社交媒体。
通过您的分享链接访问Codeforge，每来2个新的IP，您将获得0.1 积分的奖励。
通过您的分享链接，每成功注册一个用户，该用户在Codeforge上所获得的每1个积分，您都将获得0.2 积分的分成奖励。
一个纯html5写成的游戏，用javascript实现水果忍者，附件中有源码，想学习html5的童鞋可以看看，代码不错，值得推荐。
Sponsored links
源码文件列表
温馨提示： 点击源码文件名可预览文件内容哦 ^_^
658.00 B 12:24
background.jpg34.54 kB 12:24
blank.gif43.00 B 12:24
developing.png11.88 kB 12:24
dojo.png11.60 kB 12:24
flash.png12.41 kB 12:24
fork.gif6.59 kB 12:24
apple-1.png2.70 kB 12:24
apple-2.png3.65 kB 12:24
apple.png4.23 kB 12:24
banana-1.png2.97 kB 12:24
banana-2.png2.41 kB 12:24
banana.png4.63 kB 12:24
basaha-1.png2.51 kB 12:24
basaha-2.png4.72 kB 12:24
basaha.png6.24 kB 12:24
boom.png3.93 kB 12:24
peach-1.png2.43 kB 12:24
peach-2.png2.10 kB 12:24
peach.png2.88 kB 12:24
sandia-1.png5.23 kB 12:24
sandia-2.png5.01 kB 12:24
sandia.png7.27 kB 12:24
game-over.png23.72 kB 12:24
home-desc.png14.38 kB 12:24
home-mask.png1.85 kB 12:24
2.00 kB 12:24
logo.png27.80 kB 12:24
lose.png2.62 kB 12:24
new-game.png20.87 kB 12:24
new.png5.17 kB 12:24
ninja.png21.72 kB 12:24
quit.png8.25 kB 12:24
score.png1.47 kB 12:24
shadow.png1.71 kB 12:24
smoke.png1.03 kB 12:24
x.png733.00 B 12:24
xf.png860.00 B 12:24
xx.png1.06 kB 12:24
xxf.png1.22 kB 12:24
xxx.png1.30 kB 12:24
xxxf.png1.55 kB 12:24
1.34 kB 12:24
185.83 kB 12:24
boom.mp336.00 kB 12:24
boom.ogg22.49 kB 12:24
menu.mp3400.00 kB 12:24
menu.ogg208.13 kB 12:24
over.mp334.00 kB 12:24
over.ogg26.81 kB 12:24
splatter.mp314.00 kB 12:24
splatter.ogg13.68 kB 12:24
start.mp326.00 kB 12:24
start.ogg16.03 kB 12:24
throw.mp38.00 kB 12:24
throw.ogg5.81 kB 12:24
background.jpg34.54 kB 12:24
blank.gif43.00 B 12:24
developing.png11.88 kB 12:24
dojo.png11.60 kB 12:24
flash.png12.41 kB 12:24
fork.gif6.59 kB 12:24
apple-1.png2.70 kB 12:24
apple-2.png3.65 kB 12:24
apple.png4.23 kB 12:24
banana-1.png2.97 kB 12:24
banana-2.png2.41 kB 12:24
banana.png4.63 kB 12:24
basaha-1.png2.51 kB 12:24
basaha-2.png4.72 kB 12:24
basaha.png6.24 kB 12:24
boom.png3.93 kB 12:24
peach-1.png2.43 kB 12:24
peach-2.png2.10 kB 12:24
peach.png2.88 kB 12:24
sandia-1.png5.23 kB 12:24
sandia-2.png5.01 kB 12:24
sandia.png7.27 kB 12:24
game-over.png23.72 kB 12:24
home-desc.png14.38 kB 12:24
home-mask.png1.85 kB 12:24
1.04 kB 12:24
logo.png27.80 kB 12:24
lose.png2.62 kB 12:24
new-game.png20.87 kB 12:24
new.png5.17 kB 12:24
ninja.png21.72 kB 12:24
quit.png8.25 kB 12:24
score.png1.47 kB 12:24
shadow.png1.71 kB 12:24
smoke.png1.03 kB 12:24
x.png733.00 B 12:24
xf.png860.00 B 12:24
xx.png1.06 kB 12:24
xxf.png1.22 kB 12:24
xxx.png1.30 kB 12:24
xxxf.png1.55 kB 12:24
1.34 kB 12:24
182.61 kB 12:24
2.05 kB 12:24
1.12 kB 12:24
1.44 kB 12:24
10.25 kB 12:24
1.79 kB 12:24
1.54 kB 12:24
3.62 kB 12:24
1.09 kB 12:24
46.00 B 12:24
55.00 B 12:24
852.00 B 12:24
2.05 kB 12:24
47.00 B 12:24
2.49 kB 12:24
905.00 B 12:24
555.00 B 12:24
339.00 B 12:24
1.20 kB 12:24
180.00 B 12:24
2.84 kB 12:24
1.07 kB 12:24
327.00 B 12:24
1.30 kB 12:24
206.00 B 12:24
203.00 B 12:24
2.02 kB 12:24
1.95 kB 12:24
200.00 B 12:24
4.12 kB 12:24
185.00 B 12:24
1.81 kB 12:24
238.00 B 12:24
181.00 B 12:24
2.15 kB 12:24
4.74 kB 12:24
2.16 kB 12:24
4.93 kB 12:24
750.00 B 12:24
boom.mp336.00 kB 12:24
boom.ogg22.49 kB 12:24
menu.mp3400.00 kB 12:24
menu.ogg208.13 kB 12:24
over.mp334.00 kB 12:24
over.ogg26.81 kB 12:24
splatter.mp314.00 kB 12:24
splatter.ogg13.68 kB 12:24
start.mp326.00 kB 12:24
start.ogg16.03 kB 12:24
throw.mp38.00 kB 12:24
throw.ogg5.81 kB 12:24
（提交有效评论获得积分）
评论内容不能少于15个字，不要超出160个字。
小小眼正在学习前端的知识，这个感觉还比较有趣，支持下。正在学习前端的知识，这个感觉还比较有趣，支持下
AJ5848657AJ现在刚好学一下，现在刚学中，赞一个
评价成功，多谢！
下载HTML5水果忍者游戏源码.
CodeForge积分（原CF币）全新升级，功能更强大，使用更便捷，不仅可以用来下载海量源代码马上还可兑换精美小礼品了
您的积分不足，优惠套餐快速获取 30 积分
10积分 / ￥100
30积分 / ￥200原价 ￥300 元
100积分 / ￥500原价 ￥1000 元
订单支付完成后，积分将自动加入到您的账号。以下是优惠期的人民币价格，优惠期过后将恢复美元价格。
支付宝支付宝付款
微信钱包微信付款
更多付款方式：、
您本次下载所消耗的积分将转交上传作者。
同一源码，30天内重复下载，只扣除一次积分。
鲁ICP备号-3 runtime:Elapsed:85.242ms - init:0.1;find:0.6;t:0.4;tags:0.2;related:16.2;comment:3.3; 5.8
登录 CodeForge
还没有CodeForge账号？
Switch to the English version?
^_^"呃 ...
Sorry!这位大神很神秘，未开通博客呢，请浏览一下其他的吧您所在的位置：&&
分享小游戏到：
如何便捷进入3366小游戏？
一键点击进入
立即找到我们
该游戏已经添加到您的3366收藏夹
游戏地址已经复制，您可以粘贴（Ctrl+V）发送给好友
类型：|大小：7030K|语言：中文|已经有
小游戏简介：
游戏模仿秀之水果。游戏中包含有模式、模式和禅模式三种游戏模式等你来玩，各种各样的新鲜水果等你来切！文件较大如果出现白屏，请耐心等待。
小游戏目标：
切开所有的水果，挑战更高的分数
如何开始：
游戏加载完毕后拖动鼠标切开[开始游戏]的水果―选择[经典模式]/[街机模式]/[禅模式]水果切开即可进行游戏
操作指南：
mousedraft切开水果
按住鼠标左键并拖动切开水果
同类小游戏推荐
玩过《水果忍者》小游戏的用户还玩过
推荐小游戏
精品小游戏推荐Fruit Ninja,水果忍者图标素材PNG/ICO/ICNS多种格式下载_好图网