cocos2d-js基础 本地数据存储 碰撞检测几种方法

Cocos2d-x 前端之家
前端之家收集整理的这篇文章主要介绍了cocos2d-js基础 本地数据存储 碰撞检测几种方法，前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
引擎包含2部分： cocos2d-html5 + cocos2d-x 2部分组成，所以全平台运行
引擎包目录结构: @H_301_5@ @H_301_5@

@H_301_5@

@H_301_5@
1: 属性 方法都有.访问 @H_301_5@
2； 想似得： if switch {} new对像 cc.。。。。 @H_301_5@
3: var 相当于local
使用cocos2d-Js的特点： 快速(程序开发) 全平台 @H_301_5@

@H_301_5@
使用啥语言无所谓， 关键是经验： 如逻辑结构， 项目的架构/数据 Ui分离， 文件夹层次 网络
@H_301_5@

@H_301_5@

@H_301_5@

@H_301_5@


@H_301_5@

[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏

@H_301_5@

[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第一回合: 搭建开发环境
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第二回合：运行Hello World
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第三回合：创建工程
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第四回合：添加场景
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第五回合：添加飞机
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第六回合：移动精灵
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第七回合：发射子弹
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第八回合：添加敌机
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第九回合：碰撞检测
[入门教程]使用Cocos2d-html5游戏引擎编写一个简单的游戏 第十回合：游戏结束

@H_301_5@
-------------------- @H_301_5@ @H_301_5@
类名字var JS没有文件之分， lua是有的；但放在函数中是用区别的 @H_301_5@
Cocos2d-JS 快速入门07_Cocos2d基础概念 --- 视频 @H_301_5@
@H_301_5@

@H_301_5@
*********************** @H_301_5@
------------------------------------------------------------- cocos2d-html5 碰撞检测的几种方法----------------------------------- @H_301_5@
游戏中的碰撞还是比较多的，比如角色与角色的碰撞，角色与墙壁的碰撞，角色与怪物的碰撞等，都需要
进行碰撞的检测，来触发一定的事件

最近在尝试制作一个小游戏的时候需要用到碰撞检测，然后就查了下资料，并在论坛进行提问等算是找到了比较满意的碰撞检测方法，这里记录下来


现在自己知道的方法算是有了三种了，下面一一记录并分析下他们各自的优缺点
1、就是官方提供的，根据getBoundingBox();方法获取要检测的碰撞物体的范围，然后再根据rectIntersectsRect();方法进行判断需要检测的两个精灵是否有重叠，有则发生碰撞；
优点：适合对规则的矩形物体进行检测碰撞，简单，直接
缺点：对于复杂图形不友好，对于碰撞的检测不准确，使用中有种莫名其妙的感觉

[javascript] view plain copy print ?
@H_301_5@ @H_301_5@ @H_301_5@
  1. vardollRect=sprite.getBoundingBox();
  2. vardollHeadRect=this.catchHand.getBoundingBox();
  3. if(cc.rectIntersectsRect(dollRect,dollHeadRect)){
  4. //发生碰撞事件
  5. }
@H_301_5@


2、第二种是在网上找到的，我感觉有些麻烦，不过相对于第一种，对于不规则物体支持的好了一些

这里根据BoundingBox 的 上下左右的中间点来判断碰撞，使检测的更准确一些
优点：使碰撞检测更准确一点
缺点：麻烦

@H_301_5@ @H_301_5@ @H_301_5@
    varBox1=sprite1.getBoundingBox();
  1. varbottom=cc.p(Box1.x+Box1.width/2,Box1.y);
  2. varright=cc.p(Box1.x+Box1.width,Box1.y+Box1.height/2);
  3. varleft=cc.p(Box1.x,Box1.y+Box1.height/2);
  4. vartop=cc.p(Box1.x+Box1.width/2,Box1.y+Box1.height);
  7. varBox2=sprite2.getBoundingBox();
  8. if(cc.rectContainsPoint(Box2,left)||cc.rectContainsPoint(Box2,right)||cc.rectContainsPoint(Box2,top)||cc.rectContainsPoint(Box2,bottom)){
  9. //发生碰撞
  10. }
@H_301_5@


3、第三种就是我现在使用的，不过这个针对大小比较规矩，即接近正方形比较好，但是对于外形可以复杂
这个碰撞检测就是要给精灵添加一个radius属性，设置精灵以中心为原点，radius为半径的碰撞区域，然后去判断两个精灵的中心点的距离是否小于radius之和，如果是则发生碰撞；
优点：更准确，简单
缺点：对于长的图片碰撞不友好
想判断距离首先要知道一个方法：pDistance();这个方法是cocos2d-html5获取两个坐标点之间的方法，使用这个方法我们就可以获取两个精灵中心的距离

@H_301_5@ @H_301_5@ @H_301_5@
    varsprite=this.dolls3[i];
  1. vardistance=cc.pDistance(this.catchHand.getPosition(),sprite.getPosition());
  2. varradiusSum=sprite.radius+this.catchHand.radius;
  3. cc.log("distance:"+distance+";radius:"+radiusSum);
  4. if(distance<radiusSum){
  5. }
  6. //针对第三三种方法又加深了一下，使得对矩形类的精灵也能有好的判断，
  7. //主要就是分别对X和Y方向设置不同的Radius，然后去进行分别判断
  8. vardistanceX=Math.abs(this.catchHand.getPositionX()-sprite.getPositionX());
  9. vardistanceY=Math.abs(this.catchHand.getPositionY()-sprite.getPositionY());
  10. varradiusYSum=sprite.radiusY+this.catchHand.radius;
  11. if(distanceX<sprite.radiusX&&distanceY<radiusYSum){
  12. this.catchDollSucceed(sprite);
  13. return;
  14. }
@H_301_5@


总结：综上所述，碰撞检测的方法不止一种，（应该还有其他的方法是我不知道的）在适合的时候选择合适的方法才是最好的，

更多cocos2d-html5开发文章可以关注牛人 touchsnow的博客：http://blog.makeapp.co

也可以去我的个人博客站点：Melove 我爱http://www.melove.net

@H_301_5@
------------------------------------------------------------------------------------------------ cocos2d-html5开发之本地数据存储 @H_301_5@

做游戏时经常需要的一个功能呢就是数据的保存了，比如游戏最高分、得到的金币数、物品的数量等等，cocos2d-html5使用了html5，所以html5的数据保存方法是对引擎可用的；

html5本地数据存储是使用js对数据进行操作，html5 对数据的存储提供了两个方法：

  • sessionStorage – 只对本次会话保留数据
  • localStorage – 长时间保留数据

关于这个sessionStorage只在浏览器打开进行会话时可用，在游戏中没有测试，用法是和localStorage方法相同的，只是对数据保存的时间上不同；

其中localStorage 方法 对保留的数据没有时间限制，除非用户手动清理数据，也是我在游戏中常用的方法；
对数据的存储最常用的就是 getItem(”,”); 和setItem(”,”);这两个方法；
由此可见本地存储数据的方法很简单，就是简单的设置键（key）值（value）对，以及根据键（key）获取保存的值（value）；
还有一点需要注意的就是 html5本地数据存储，只能保存字符串数据，无论你保存什么都会自动转换为字符串，所以如果要保存其他类型的数据的时候，要记得进行数据转换，
这里我写一个保存和读取json数据的例子：

//这是一个保存娃娃数量的json数据
dollNum = {Aries: 0, Taurus: 0, Gemini: 0, Cancer: 0, Leo: 0, Virgo: 0, Libra: 0, Scorpius: 0, Sagittarius: 0, Capricornus: 0, Aquarius: 0, Pisces: 0};
/**
 * 保存Doll数量，要保存json数据的时候，需要使用JSON.stringify();方法将JSON转化为字符串
 */
function saveDollNum(){
    var tempDollNum = JSON.stringify(dollNum);
    sys.localStorage.setItem("dollNum", tempDollNum);
}

/**
 * 加载Doll数量 和 keys；然后再读取过后，需要用JSON.parse();方法将字符串转化为JSON
 */
function loadDollNum() {
    var tempDollNum = sys.localStorage.getItem("dollNum");

    if(tempDollNum == null || tempDollNum == ""){
        saveDollNum();
        cc.log("default dollNum " + dollNum);
    }else{
        tempDollNum = sys.localStorage.getItem("dollNum");
        cc.log("get dollNum " + tempDollNum);
    }
    //将字符串转化为json
    tempDollNum = JSON.parse(tempDollNum);
}

这样就可以一次保存多个数据，并且操作起来也方便


@H_301_5@
---------------------------------------------------------------------------------------------- @H_301_5@
@H_301_5@
文采 @H_301_5@
@H_301_5@
@H_301_5@
@H_301_5@
类名字var JS没有文件之分， lua是有的；但放在函数中是用区别的 @H_301_5@
Cocos2d-JS 快速入门07_Cocos2d基础概念 --- 视频 @H_301_5@ @H_301_5@

猜你在找的Cocos2d-x相关文章

创建自定义的Cocos2d-x场景
操作步骤 1、创建cocos2d-x工程 2、新建 Scene1.cpp Scene1.h Scene1.h代码 #ifndef __SCE...
给vs2010安装上cocos2d-x的模版
开发环境：OS(WINDOWS 8.1 X64 企业版) cocos2d-x 2.2.1 vs2010 想给vs安装上cocos的模版，...
Python创建Cocos2d-x 2.2方法
把创建项目做成一个批处理，当创建项目时可以省时省力很多。 操作步骤 1、在 E:cocos2d-x-...
cocos2dx 物理碰撞
https://www.cnblogs.com/JiaoQing/p/3906780.html 四个响应函数 1 EventListenerPhysics...
cocos2d-js 自定义事件监听派发
转载于 http://www.cnblogs.com/kenkofox/p/3926797.html 熟悉js的dom事件或者flash事件的...
cocos常用 实用 公共函数 lua代码
公共资源加载，缓存retain；防止被自动销毁 2. 数字滚动递增；用于得奖后，总金币跳动增加...
cocos creator box2d
title Map 使用box2d var sfloors = this.tiledMap.getObjectGroup(‘Special_Floor‘).g...
（转）让quick-cocos2d-x支持加密的plist文件
前篇：quick-cocos2d-x图片资源加密 在前篇里面，我们实现了图片资源的加密，但还没有实现...
（转）quick-cocos2d-x图片资源加密(续)
摘要: 对在quick-cocos2d-x上实现的资源加密方法的补充 前篇： quick-cocos2d-x图片资源加...
Cocos Creator 动态改变sprite图片
首先将存放图片最外层文件夹命名为resources 　　 changeBj: function(){ 　　　　var url...
iOSAndroidSwiftHybridCocos2d-xFlutterXcodeSilverlightcocoaCordova
调试桥筛选栏假异步不会丢失AndPermissio权限申请抽屉式systemUI信号栏多行排列跨多行显示viewmode数据共享录制语音视频通话多行显示Studio3.5拉伸控件望远镜发动态走势图点赞控件显示牌冷启动v3签名v2签名v1签名本地html外接键盘流式标签