javascript制作游戏开发碰撞检测的封装代码_javascript技巧
程序员文章站
2022-04-20 10:42:30
...
在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
圆形区域碰撞检测
/** * 圆形区域碰撞检测 * 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
以上所述就是本文的全部内容了,希望能够对大家了解javascript有所帮助。
推荐阅读
-
用p5.js制作烟花特效的示例代码_javascript技巧
-
获取dom元素那些讨厌的位置封装代码_javascript技巧
-
js 封装cookie操作的函数代码_javascript技巧
-
javascript制作的网页侧边弹出框思路及实现代码_javascript技巧
-
原生js结合html5制作简易的双色子游戏_javascript技巧
-
JavaScript程序开发之JS代码放置的位置_javascript技巧
-
获取dom元素那些讨厌的位置封装代码_javascript技巧
-
Javascript匿名函数的一种应用 代码封装_javascript技巧
-
JavaScript 封装Ajax传递的数据代码_javascript技巧
-
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现_javascript技巧