javascript制作游戏开发碰撞检测的封装代码

 更新时间:2015年03月31日 10:15:10   投稿:hebedich  
这篇文章主要介绍了javascript制作游戏开发碰撞检测的封装代码,需要的朋友可以参考下

在JavaScript开发Web游戏时,需要使用到碰撞检测时,为了方便开发,封装了矩形和圆形的两个碰撞检测方式。

【附带案例操作捕获一枚】
【注意:代码上未做优化处理】

演示图

角色攻击区域碰撞检测.gif

塔防案例.gif

矩形区域碰撞检测

/**
 * 矩形区域碰撞检测
 * Created by Administrator on 14-4-7.
 * author: marker
 */
function Rectangle(x, y, _width, _height){
  this.x = x;
  this.y = y; 
  this.width = _width;
  this.height = _height;
   
  //碰撞检测(参数为此类)
  this.intersects = function(obj){
    var a_x_w = Math.abs((this.x+this.width/2) - (obj.x+obj.width/2));
    var b_w_w = Math.abs((this.width+obj.width)/2);
    var a_y_h = Math.abs((this.y+this.height/2) - (obj.y+obj.height/2)); 
    var b_h_h = Math.abs((this.height+obj.height)/2);
    if( a_x_w < b_w_w && a_y_h < b_h_h ) return true;
    else return false;
  }
 
}

圆形区域碰撞检测

/**
 * 圆形区域碰撞检测
 * Created by Administrator on 14-4-7.
 * author: marker
 *
 */
function RadiusRectangle(x, y, radius){
  this.x = x;
  this.y = y;
  this.radius = radius;
 
  //碰撞检测(参数为此类)
  this.intersects = function(rr){
    var maxRadius = rr.radius + this.radius;
    // 已知两条直角边的长度 ,可按公式:c²=a²+b² 计算斜边。
    var a = Math.abs(rr.x - this.x);
    var b = Math.abs(rr.y - this.y);
    var distance = Math.sqrt(Math.pow(a,2) + Math.pow(b,2));// 计算圆心距离
    if(distance < maxRadius){
      return true;
    }
    return false;
  }
}

以上所述就是本文的全部内容了,希望能够对大家了解javascript有所帮助。

相关文章

  • 最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

    最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等

    这篇文章主要介绍了最全正则表达式:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等,通过语法介绍作用表达式等详细解释了正则表达式的使用,具体操作步骤大家可查看下文的详细讲解,感兴趣的小伙伴们可以参考一下。
    2017-08-08
  • Bootstrap Table实现定时刷新数据的方法

    Bootstrap Table实现定时刷新数据的方法

    这篇文章主要介绍了Bootstrap Table实现定时刷新数据的方法,在这里小编比较推荐使用第二种方法,需要的朋友参考下吧
    2018-08-08
  • JavaScript数组塌陷实例解析

    JavaScript数组塌陷实例解析

    这篇文章主要为大家介绍了JavaScript数组塌陷实例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • SWFObject基本用法实例分析

    SWFObject基本用法实例分析

    这篇文章主要介绍了SWFObject基本用法,实例分析了SWFObject操作Flash文件的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • 浅谈JS中小数相加不精确的原因

    浅谈JS中小数相加不精确的原因

    Javascript在处理数字问题时,我们有可能遇到小数相加不准确的问题,本文主要介绍了浅谈JS中小数相加不精确的原因,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2023-04-04
  • js 将线性数据转为树形的示例代码

    js 将线性数据转为树形的示例代码

    这篇文章主要介绍了js 将线性数据转为树形的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • WebGL学习教程之Three.js学习笔记(第一篇)

    WebGL学习教程之Three.js学习笔记(第一篇)

    Three.js是一个js的开源框架,它把webgl的所有东西都封装好了,我们不再需要去了解webgl那些比较麻烦的细节,直接在此框架上进行开发,既方便,又快捷,而且很容易就能学习,感兴趣的朋友跟随小编一起看看吧
    2019-04-04
  • 深入浅析javascript函数中with

    深入浅析javascript函数中with

    这篇文章主要介绍了javascript函数中with,with函数方便用来引用某个对象中已有的属性,但是不能用来给对象添加属性,要给对象创建新的属性,下面通过代码给大家讲解,需要的朋友可以参考下
    2018-10-10
  • 表格头固定而列可滚动的效果

    表格头固定而列可滚动的效果

    表格头固定而列可滚动的效果...
    2007-11-11
  • 一些常用弹出窗口/拖放/异步文件上传等实用代码

    一些常用弹出窗口/拖放/异步文件上传等实用代码

    今天写一点工作中遇到的东西【弹出窗口】【拖放】【异步文件上传】,大家共同学习,共同进步
    2013-01-01

最新评论