这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 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 有所帮助。
来源: http://www.phperz.com/article/17/0417/272060.html