javascript制作游戲開發(fā)碰撞檢測的封裝代碼
在JavaScript開發(fā)Web游戲時,需要使用到碰撞檢測時,為了方便開發(fā),封裝了矩形和圓形的兩個碰撞檢測方式。
【附帶案例操作捕獲一枚】
【注意:代碼上未做優(yōu)化處理】
演示圖
角色攻擊區(qū)域碰撞檢測.gif
塔防案例.gif
矩形區(qū)域碰撞檢測
/** * 矩形區(qū)域碰撞檢測 * 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; //碰撞檢測(參數(shù)為此類) 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; } }
圓形區(qū)域碰撞檢測
/** * 圓形區(qū)域碰撞檢測 * Created by Administrator on 14-4-7. * author: marker * */ function RadiusRectangle(x, y, radius){ this.x = x; this.y = y; this.radius = radius; //碰撞檢測(參數(shù)為此類) 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; } }
以上所述就是本文的全部內(nèi)容了,希望能夠?qū)Υ蠹伊私鈐avascript有所幫助。
相關(guān)文章
js限制文本框只能輸入整數(shù)或者帶小數(shù)點的數(shù)字
如何用js限制文本框輸入,只允許輸入整數(shù)或帶一位小數(shù)的浮點數(shù),本文分享一例代碼,有需要的朋友參考下2015-04-04js中arguments,caller,callee,apply的用法小結(jié)
本篇文章只要是對js中arguments,caller,callee,apply的用法進行了詳細(xì)的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制
這篇文章主要介紹了詳解使用grunt完成requirejs的合并壓縮和js文件的版本控制 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-03-03js實現(xiàn)無縫滾動圖(可控制當(dāng)前滾動的方向)
本文主要分享了js實現(xiàn)無縫滾動圖的示例代碼,這個版本可以控制左右滾動,鼠標(biāo)點擊對應(yīng)的廣告會自動滑動把廣告完全展示出來,當(dāng)鼠標(biāo)離開,接著繼續(xù)滾動。具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02JS獲取當(dāng)前網(wǎng)址、主機地址項目根路徑
本文為大家提供JS如何獲取當(dāng)前網(wǎng)址、主機地址之后的目錄及項目根路徑的方法,喜歡的朋友可以收藏下2013-11-11