8656人阅读
实战项目--消灭星星（3）
& 上一节，我们已经把消灭星星的界面搭建好了，流程也跑通了。 这一篇涉及到程序的算法，也许是最难的部分了，理解起来需要多花点时间，而且我提供的算法未必就是最好的，如果读者有更优更好的算法，希望分享出来，我可以链接到你那里。大概的思路是这样的，第一次点击一个星星，立刻寻找四周相同颜色的，第二次点击，消除他们并产生粒子效果；接着星星数组重新走位掉落，补全空缺；然后还要检测纵行是否出现空缺，有的话，合并到一起；最后必须检测死局；大概如此。
1 这是一个系列博文，代码不会一下子全部放出来，每写一篇放出相应的代码。因为笔者也是抽空编一点程序，然后写一篇博文，断断续续的，没有整块时间；
2 代码是基于javascript语言，cocos2d-x游戏引擎，cocos2d-x editor手游开发工具完成的；
3 运行demo需要配置好，暂不支持其他工具。demo是跨平台的，可移植运行android，ios，html5网页等。
源代码下载：
请到代码集中营下载(第二篇算法)：
不同平台下的效果图：
window平台
html5网页平台
android平台
& & & && &
代码分析：
主要集中在MainLayer.js下面的分析
第一步，10*10星星群检测触摸事件，通过this.sameColorList.length可以判断是第一次触摸还是第二次触摸 ； &&
& & @@ & &&1表示第二次触摸，这里又有分支，触摸的是刚才同一颜色区域还是其他区域？如果是原来颜色区域，删除this.removeSameColorStars()，如果不是原来颜色区域，恢复原状，然后新的检测
& & @@ & & &=1表示第一次触摸& 直接检测颜色相同区域
MainLayer.prototype.onTouchesBegan = function (touches, event) {
var loc = touches[0].getLocation();
this.ccTouchBeganPos =
for (var i = 0; i & this.starTable. i++) {
var sprites = this.starTable[i];
for (var j = 0; j & sprites. j++) {
var pSprite0 = sprites[j];
if (pSprite0) {
var ccRect = pSprite0.getBoundingBox();
if (isInRect(ccRect, this.ccTouchBeganPos)) {
if (this.sameColorList.length & 1) {
if (this.sameColorList.contains(pSprite0)) {
cc.AudioEngine.getInstance().playEffect(PS_MAIN_SOUNDS.broken, false);
this.removeSameColorStars();
for (var k = 0; k & this.sameColorList. k++) {
if (this.sameColorList[k]) {
this.sameColorList[k].runAction(cc.ScaleTo.create(0.1, 1));
this.checkSameColorStars(pSprite0);
if (this.sameColorList.length & 1) {
cc.AudioEngine.getInstance().playEffect(PS_MAIN_SOUNDS.select, false);
this.checkSameColorStars(pSprite0);
if (this.sameColorList.length & 1) {
cc.AudioEngine.getInstance().playEffect(PS_MAIN_SOUNDS.select, false);
第二步，建立单个星星的四个方向检测，上下左右，把颜色相同的放在一个数组里面，回调这个数组；其实最后用这个函数的时候主要是判断数组的大小；数组大于1，说明四周有相同颜色的；
MainLayer.prototype.checkOneStarFourSide = function (sprite) {
if (sprite == null) {
// cc.log(&checkOneStarFourSide&);
var fourSideSpriteList = [];
var color = sprite.starData.
var col = sprite.starData.indexOfC
var row = sprite.starData.indexOfR
if (row & 9) {
var upSprite = this.starTable[col][row + 1];
if (upSprite != null && upSprite.starData.color == color) {
fourSideSpriteList.push(upSprite);
if (row & 0) {
var downSprite = this.starTable[col][row - 1];
if (downSprite != null && downSprite.starData.color == color) {
fourSideSpriteList.push(downSprite);
if (col & 0) {
var leftSprite = this.starTable[col - 1][row];
if (leftSprite != null && leftSprite.starData.color == color) {
fourSideSpriteList.push(leftSprite);
if (col & 9) {
var rightSprite = this.starTable[col + 1][row];
if (rightSprite != null && rightSprite.starData.color == color) {
fourSideSpriteList.push(rightSprite);
return fourSideSpriteL
第三步，检测相同颜色区域，这里的算法比较复杂；有两个数组this.sameColorList和newSameColorList，前者是全局星星数组，后者是每次扩展新加入的星星；比如这样情况，一个星星左右上有相同的星星，上面的上面还有一个星星，总共五个相同星星：三次检测情况是this.sameColorList为1---4----5 ，而newSameColorList为1--3--1，各种曲折，读者好好理解下；
MainLayer.prototype.checkSameColorStars = function (sprite) {
if (sprite == null) {
this.sameColorList = [];
this.sameColorList.push(sprite);
var newSameColorList = [];
newSameColorList.push(sprite);
//by logic ,check the same color star list
while (newSameColorList.length & 0) {
for (var i = 0; i & newSameColorList. i++) {
var fourSide = this.checkOneStarFourSide(newSameColorList[i]);
if (fourSide.length & 0) {
for (var j = 0; j & fourSide. j++) {
if (!this.sameColorList.contains(fourSide[j])) {
this.sameColorList.push(fourSide[j]);
newSameColorList.push(fourSide[j]);
newSameColorList.splice(i, 1);
cc.log(&sameColorList length==& + this.sameColorList.length);
if (this.sameColorList.length & 1) {
for (var k = 0; k & this.sameColorList. k++) {
var simpleStar = this.sameColorList[k];
if (simpleStar) {
simpleStar.runAction(cc.ScaleTo.create(0.1, 1.08));
第四步 移除相同的星星，并产生粒子效果
MainLayer.prototype.removeSameColorStars = function () {
for (var k = 0; k & this.sameColorList. k++) {
var simpleStar = this.sameColorList[k];
if (simpleStar) {
var col = simpleStar.starData.indexOfC
var row = simpleStar.starData.indexOfR
this.starTable[col].splice(row, 1, null);
this.rootNode.removeChild(simpleStar);
if (sys.platform != 'browser') {
var starParticle = cc.StarParticle.create(this.rootNode, (36 + col * this.starSize), (36 + row * this.starSize), &spark&);
starParticle.runAction(cc.Sequence.create(cc.DelayTime.create(0.8), cc.CleanUp.create(starParticle)));
this.sameColorList = [];
this.fallStar();
第五步 星星掉落 填充空缺，主要是如果一个地方有空缺，就把它上面的星星位置和数据交换，用到数组的方法splice，可到网上查看js数组的一些方法应用
MainLayer.prototype.fallStar = function () {
for (var i = 0; i & this.starTable. i++) {
var sprites = this.starTable[i];
var length = sprites.
for (var j = 0; j & j++) {
var pSprite0 = sprites[j];
if (pSprite0 == null) {
var k = j + 1;
while (k & length) {
var upSprite = sprites[k];
if (upSprite != null) {
upSprite.starData.indexOfColumn =
upSprite.starData.indexOfRow =
this.starTable[i].splice(j, 1, upSprite);
this.starTable[i].splice(k, 1, null);
var flowTime = 0.2;
var fallAction = cc.MoveTo.create(flowTime, cc.p(36 + i * this.starSize,
36 + j * this.starSize));
upSprite.runAction(fallAction);
this.deadStar();
// bineStar();
第六步 合并星星，如果最底部有空缺，星星必须向左合并，这里笔者调试有问题，时间匆忙 来不及修改，读者可以自行研究修改；不解释了
bineStar = function () {
for (var m = 0; m & this.starTable. m++) {
var mSprite0 = this.starTable[m][0];
if (mSprite0 == null) {
if (m == (this.starTable.length - 1)) {
for (var j = 0; j & this.starTable[m]. j++) {
this.starTable[m].splice(j, 1, null);
for (var i = (m + 1); i & this.starTable. i++) {
// this.starTable.splice((i - 1), 1, this.starTable[i]);
for (var j = 0; j & this.starTable[i]. j++) {
var pSprite0 = this.starTable[i][j];
this.starTable[i - 1].splice(j, 1, pSprite0);
if (pSprite0 != null) {
pSprite0.starData.indexOfColumn = (i - 1);
var col = pSprite0.starData.indexOfC
var row = pSprite0.starData.indexOfR
var moveAction = cc.MoveTo.create(0.1, cc.p(36 + col * this.starSize,
36 + row * this.starSize));
pSprite0.runAction(moveAction);
this.deadStar();
第七步 游戏到最后 会发生死局情况，程序自动判断消除；这里主要是循环检测每一个星星，如果所有的星星四周都没有相同星星的时候，就确认为死局，程序自动消除星星&
MainLayer.prototype.deadStar = function () {
var isDead =
for (var i = 0; i & this.starTable. i++) {
var sprites = this.starTable[i];
var length = sprites.
for (var j = 0; j & j++) {
var pSprite0 = sprites[j];
if (pSprite0 != null) {
if (this.checkOneStarFourSide(pSprite0).length & 0) {
if (isDead) {
for (var jj = 9; jj &= 0; jj--) {
for (var ii = 0; ii & 10; ii++) {
var pSprite0 = this.starTable[ii][jj];
if (pSprite0 != null) {
var delay = 4 + 0.3 * ii - 0.4 *
pSprite0.runAction(cc.Sequence.create(
cc.DelayTime.create(delay),
cc.CleanUp.create(pSprite0)
var starParticle = cc.StarParticle.create(this.rootNode, (36 + ii * this.starSize), (36 + jj * this.starSize), &spark&);
starParticle.runAction(cc.Sequence.create(cc.ScaleTo.create(0, 0),
cc.DelayTime.create(delay), cc.ScaleTo.create(0, 1), cc.DelayTime.create(0.8),
cc.CleanUp.create(starParticle)));
基本的流程就是这样 & & &触摸——检测颜色——消除星星——掉落移动——合并星星——检测死局——结束 &消除类的游戏思路都差不多是这样，把这个demo理解透了 任何消除类的游戏都很简单
cocos2d-x跨平台游戏引擎
cocos2d-x是全球知名的游戏引擎 ，引擎在全球范围内拥有众多开发者，涵盖国内外各知名游戏开发商。目前Cocos2d-x引擎已经实现横跨ios、Android、Bada、MeeGo、BlackBerry、Marmalade、Windows、Linux等平台。编写一次，到处运行，分为两个版本 cocos2d-c++和cocos2d-html5 本文使用了后者；
cocos2d-x 官网：
cocos2d-x 资料下载&&
CocosEditor开发工具：
CocosEditor，它是开发跨平台的手机游戏工具，运行window/mac系统上，javascript脚本语言，基于cocos2d-x跨平台游戏引擎, 集合代码编辑，场景设计，动画制作，字体设计，还有粒子，物理系统，地图等等的，而且调试方便，和实时模拟；
CocosEditor 下载，介绍和教程：；
CocosEditor官方博客：；
PopStar博文系列：
PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第三篇（分数） &——将写——
PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第四篇（关卡） &——将写——
PopStar(消灭星星)游戏源代码下载、分析及跨平台移植---第五篇（移植） &——将写——
传送门（优质博文）：
想了解更多请进入，最新博客和代码在官方博客首发；请持续关注，还有更多cocos2dx editor游戏源码即将放出；
联系笔者：zuowen@makeapp.co（邮箱）&qq群：
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：438621次
积分：4261
积分：4261
排名：第5169名
原创：45篇
评论：861条
--------Cocos2d-JS 项目--------
------Cocos2d-Java 项目------
& 官方微信，扫描关注一下哦
————联系方式————
邮箱：zuowen@makeapp.co&
文章：28篇
阅读：378377
(1)(3)(1)(8)(8)(5)(4)(13)(1)(1)&&&&Android游戏开发之帧动画的处理源码
&Android游戏开发之帧动画的处理源码
雨松MOMO带你做游戏Android游戏开发之帧动画的处理源码 欢迎大家家下载阅读
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
Q.为什么我点的下载下不了，但积分却被扣了
A. 由于下载人数众多，下载服务器做了并发的限制。若发现下载不了，请稍后再试，多次下载是不会重复扣分的。
Q.我的积分不多了，如何获取积分？
A. 获得积分，详细见。
完成任务获取积分。
论坛可用分兑换下载积分。
第一次绑定手机，将获得5个C币，C币可。
关注并绑定CSDNID，送10个下载分
下载资源意味着您已经同意遵守以下协议
资源的所有权益归上传用户所有
未经权益所有人同意，不得将资源中的内容挪作商业或盈利用途
CSDN下载频道仅提供交流平台，并不能对任何下载资源负责
下载资源中如有侵权或不适当内容，
本站不保证本站提供的资源的准确性，安全性和完整性，同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
移动开发下载排行
您当前C币：0&&&可兑换 0 下载积分
兑换下载分:&
消耗C币:0&
立即兑换&&
兑换成功你当前的下载分为 。前去下载资源
你下载资源过于频繁，请输入验证码
如何快速获得积分？
你已经下载过该资源，再次下载不需要扣除积分
Android游戏开发之帧动画的处理源码
所需积分：0
剩余积分：0
扫描微信二维码精彩活动、课程更新抢先知
VIP会员，免积分下载
会员到期时间：日
剩余下载次数：1000
Android游戏开发之帧动画的处理源码
剩余次数：&&&&有效期截止到：
你还不是VIP会员VIP会员享免积分 . 专属通道极速下载
VIP下载次数已满VIP会员享免积分 . 专属通道极速下载，请继续开通VIP会员
你的VIP会员已过期VIP会员享免积分 . 专属通道极速下载，请继续开通VIP会员Android游戏源码有50关卡的黑白翻转游戏
今天是&&日&&&&&&星期三
您还没有登录，&&&&
当前位置：
,Android游戏源码有50关卡的黑白翻转游戏
更新时间：日
浏览次数：619 次
下载次数：82 次
本项目是一个黑白翻转的小游戏源码，没有使用第三方的游戏引擎，游戏关卡有两种模式：得分和消灭敌人。小球只能在相反颜色的方块中行动进入同色方块小球会消失，此时消失的小球不影响最大球数，如果小球落水，最大球数会减少，点击方块，为小球寻找最佳的运动路径，在限定时间内，获得足够的分数或消灭足量的敌人。本游戏有50个关卡，项目完整可玩性高，仅限本站vip用户免费下载。
您必须才能评论.
&&常见问题
&&充值交易
&&快捷通道
&&用户中心
· 鲁ICP备号-1· Powered by · Theme by JavaApkTM
· .13 queries in 0.408 seconds：系统工具 网络浏览 影音播放 聊天通讯 新闻阅读 摄影图像 安全保密 系统美化 地图相关 学习相关 生活相关 辅助类库
：角色扮演 益智休闲 棋牌游戏 网络游戏 体育竞速 飞行射击 经营策略 动作冒险 其他游戏 游戏引擎
Android应用开发源码下载
Android开发项目实例中很多项目源码是开发者迫切需求的，热点android应用开发源码下载，android项目实例源码下载，更多资源尽在android源码下载区。
最新Android应用开发源码下载为Android开发者提供最新，及时，热点安卓源码下载demo，android代码下载片段，android实例源码下载等海量源码下载资料。
Android应用开发源码下载中有很多经典实例demo，如视频聊天应用，音乐播放器，文件管理器等等，本版块汇集了eoe android开发源码下载区最新精华源码推荐下载。
最新Android实例源码下载区提供海量的实例源码下载资源，包括了android 菜单、Listview、TextView等，Android下载程序、读取写入XML，图片预览imageView、Android动画animation实例，Android提示框alertDialog等。
Android游戏开发源码下载
Cocos2d-x游戏源码下载版块区分享经典源码资料，如cocos2d-x 塔防源码，cocos2d-x 小游戏源码下载，捕鱼达人源码下载等等。Android游戏开发源码下载区提供海量游戏开发源码下载。
Unity3d游戏开发源码下载区提供关于unity3d游戏开发源码下载，unity3d小游戏制作，unity3d游戏代码，游戏源码下载学习分享。
常用版块：
Android环境搭建相关：android eclipse：eclipse logcat
eclipse下载 eclipse安装 android eclipse版本 eclipse配置 eclipse adt eclipse插件 eclipse调试 eclipse svn eclipse 安卓环境
android sdk：sdk 环境配置 安卓sdk配置 sdk环境变量配置 android sdk配置 sdk 配置 sdk如何配置 sdk环境变量 安卓sdk配置 eclipse sdk配置 android sdk 环境 安卓sdk环境
android apk：android apk签名 android apk反编译 android apk安装 android apk下载 android apk加密 android apk打包 android apk图标 android apk开发 android apk破解 android apk混淆
android ndk：android ndk环境搭建 android ndk开发 android ndk下载 android ndk调试 android ndk编程 android ndk 安装 android ndk入门
android ndk开发教程
android 模拟器：模拟器启动不了 模拟器安装apk 模拟器上网 模拟器加速 模拟器sd卡 模拟器太慢 模拟器横屏 模拟器下载 模拟器中文版
Powered by
扫一扫 关注eoe官方微信当前位置： >
Android游戏源码基于gdx游戏引擎的消除类小游戏
时间： 08:30 来源：互联网 作者：源码搜藏 浏览：
源码类别：动画Animation
源码大小：4.7 MB
编码格式：gbk
授权方式：免费源码
运行环境：php+mysql
官方网址：暂无
Android游戏源码基于gdx游戏引擎的消除类小游戏本项目是一个基于gdx游戏引擎的安卓版本的消除游戏项目源码，移动相邻的一个图片，凑成三个就可以消除，并且消除的时候有加分的动画效果，本游戏界面简洁，有消除类游戏常见的得分统计、倒计时、消除提示、重置、背景音乐等功能，源码注释较少但是代码量不算太大，有gdx基础的朋友可以看看，项目里面加的有几个友盟的jar包是留是删的选择权交给大家了。游戏整体功能完整无BUG是个不错的消除类小游戏项目编码UTF-8编译版本4.4.2
转载请注明出处
源码搜藏网所有源码来自用户上传分享，版权问题及牵扯到商业纠纷均与源码搜藏网无关