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有所帮助。

相关文章

  • 匹配任意字符的正则表达式写法

    匹配任意字符的正则表达式写法

    今天在写一个小应用的时候遇到个问题,原本是想捕捉到页面中所有电驴地址,以便迅雷抓取。
    2010-04-04
  • js实现验证码干扰(静态)

    js实现验证码干扰(静态)

    这篇文章主要为大家详细介绍了js实现验证码干扰,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-02-02
  • Makefile/cmake/node-gyp中区分判断不同平台的方法

    Makefile/cmake/node-gyp中区分判断不同平台的方法

    今天小编就为大家分享一篇关于Makefile/cmake/node-gyp中区分判断不同平台的方法,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2018-12-12
  • 详解js中的原型,原型对象,原型链

    详解js中的原型,原型对象,原型链

    这篇文章主要介绍了js中的原型,原型对象,原型链的相关资料,文中讲解非常细致,代码帮助大家更好的理解和学习,感兴趣的朋友可以了解下
    2020-07-07
  • javascript事件监听与事件委托实例详解

    javascript事件监听与事件委托实例详解

    这篇文章主要介绍了javascript事件监听与事件委托,结合实例形式详细分析了javascript事件监听与事件委托相关原理、用法与操作注意事项,需要的朋友可以参考下
    2019-08-08
  • 再谈javascript常见错误及解决方法

    再谈javascript常见错误及解决方法

    下面小编就为大家带来一篇再谈javascript常见错误及解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • postman+json+springmvc测试批量添加实例

    postman+json+springmvc测试批量添加实例

    下面小编就为大家分享一篇postman+json+springmvc测试批量添加实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • c#和Javascript操作同一json对象的实现代码

    c#和Javascript操作同一json对象的实现代码

    刚开始学Javascript,接触到json对象,json可以看作是用于客户端数据实体对象的载体。json对象一般都是通过ajax方式传送给服务层
    2012-01-01
  • Bootstrap 实现查询的完美方法

    Bootstrap 实现查询的完美方法

    Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。这篇文章主要介绍了Bootstrap 实现查询的完美方法,需要的朋友可以参考下
    2016-10-10
  • JavaScript中的异步能省掉await吗?

    JavaScript中的异步能省掉await吗?

    这篇文章主要介绍了JavaScript中的异步能省掉await吗?一直以来,困扰我的一个问题是JavaScript中,能否实现不带await的异步。今天我终于把这个问题想通了然后分享给大家,希望对大家的学习过程有所帮助
    2021-12-12

最新评论