JavaScript强化教程——cocosjs碰撞检测

来源：动视网责编：小采时间：2020-11-27 20:29:20

JavaScript强化教程——cocosjs碰撞检测

JavaScript强化教程——cocosjs碰撞检测:本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 —— cocosjs碰撞检测简单描述下游戏的碰撞检测原理：首先要为每个游戏物体指定一个碰撞检测区域，然后在Update方法中实时检测两个物体的区域是否有重叠，如果有，那么就发生碰撞了。

推荐度：

点击下载本文 文档为doc格式

导读JavaScript强化教程——cocosjs碰撞检测:本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 —— cocosjs碰撞检测简单描述下游戏的碰撞检测原理：首先要为每个游戏物体指定一个碰撞检测区域，然后在Update方法中实时检测两个物体的区域是否有重叠，如果有，那么就发生碰撞了。

本文为 H5EDU 机构官方 HTML5培训教程，主要介绍：JavaScript强化教程 —— cocosjs碰撞检测

简单描述下游戏的碰撞检测原理：首先要为每个游戏物体指定一个碰撞检测区域，然后在Update方法中实时检测两个物体的区域是否有重叠，如果有，那么就发生碰撞了。
简单看下代码，这个代码是从官方的代码里头摘出来的

 tools.CollisionHelper={ 
 IsCollided:function(ccA,ccB){ 
 var ax = ccA.x, ay = ccA.y, bx = ccB.x, by = ccB.y; 
 /*if (Math.abs(ax - bx) > 5|| Math.abs(ay - by) >5) { 
 return false; 
 }*/ 
 var aRect = this.MakeCollideRect(ccA); 
 var bRect = this.MakeCollideRect(ccB); 
 return cc.rectIntersectsRect(aRect, bRect); 
 }, 
 MakeCollideRect: function (ccA) { 
 return cc.rect(ccA.x - 3, ccA.y - 3, 20, 20); 
 } 
 };

简单说下代码：碰撞检测时比较的是每个游戏物体所在碰撞区域（上面代码中我们设定该区域高宽都是20，该区域所在坐标是当前游戏物体坐标减3，这个3必须根据游戏中不同物体来动态调节），得到这两个区域所在位置以后，发给cc.rectInterestsRect函数就可以了。其实在cc.rectInterestsRect函数内部也是做的区域范围检测。
发生碰撞以后要隐藏游戏物体的话直接用：gameObject.setVisibility(false)就可以了。
话说用碰撞检测结果配合cc.fadeIn和cc.fadeOut就可以很简单的搞个碰撞动画出来了

JavaScript强化教程——cocosjs碰撞检测

推荐度：

点击下载本文 文档为doc格式

标签： js javascript 碰撞

热门焦点

JavaScript强化教程——cocosjs碰撞检测

JavaScript强化教程——cocosjs碰撞检测

JavaScript强化教程——cocosjs碰撞检测

最新推荐

猜你喜欢

热门推荐