最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

javascript制作游戲開發(fā)碰撞檢測的封裝代碼

 更新時間:2015年03月31日 10:15:10   投稿:hebedich  
這篇文章主要介紹了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)文章

  • 匹配任意字符的正則表達式寫法

    匹配任意字符的正則表達式寫法

    今天在寫一個小應(yīng)用的時候遇到個問題,原本是想捕捉到頁面中所有電驢地址,以便迅雷抓取。
    2010-04-04
  • js實現(xiàn)驗證碼干擾(靜態(tài))

    js實現(xiàn)驗證碼干擾(靜態(tài))

    這篇文章主要為大家詳細介紹了js實現(xiàn)驗證碼干擾,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-02-02
  • Makefile/cmake/node-gyp中區(qū)分判斷不同平臺的方法

    Makefile/cmake/node-gyp中區(qū)分判斷不同平臺的方法

    今天小編就為大家分享一篇關(guān)于Makefile/cmake/node-gyp中區(qū)分判斷不同平臺的方法,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2018-12-12
  • 詳解js中的原型,原型對象,原型鏈

    詳解js中的原型,原型對象,原型鏈

    這篇文章主要介紹了js中的原型,原型對象,原型鏈的相關(guān)資料,文中講解非常細致,代碼幫助大家更好的理解和學習,感興趣的朋友可以了解下
    2020-07-07
  • javascript事件監(jiān)聽與事件委托實例詳解

    javascript事件監(jiān)聽與事件委托實例詳解

    這篇文章主要介紹了javascript事件監(jiān)聽與事件委托,結(jié)合實例形式詳細分析了javascript事件監(jiān)聽與事件委托相關(guān)原理、用法與操作注意事項,需要的朋友可以參考下
    2019-08-08
  • 再談javascript常見錯誤及解決方法

    再談javascript常見錯誤及解決方法

    下面小編就為大家?guī)硪黄僬刯avascript常見錯誤及解決方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2016-09-09
  • postman+json+springmvc測試批量添加實例

    postman+json+springmvc測試批量添加實例

    下面小編就為大家分享一篇postman+json+springmvc測試批量添加實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-03-03
  • c#和Javascript操作同一json對象的實現(xiàn)代碼

    c#和Javascript操作同一json對象的實現(xiàn)代碼

    剛開始學Javascript,接觸到j(luò)son對象,json可以看作是用于客戶端數(shù)據(jù)實體對象的載體。json對象一般都是通過ajax方式傳送給服務(wù)層
    2012-01-01
  • Bootstrap 實現(xiàn)查詢的完美方法

    Bootstrap 實現(xiàn)查詢的完美方法

    Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。這篇文章主要介紹了Bootstrap 實現(xiàn)查詢的完美方法,需要的朋友可以參考下
    2016-10-10
  • JavaScript中的異步能省掉await嗎?

    JavaScript中的異步能省掉await嗎?

    這篇文章主要介紹了JavaScript中的異步能省掉await嗎?一直以來,困擾我的一個問題是JavaScript中,能否實現(xiàn)不帶await的異步。今天我終于把這個問題想通了然后分享給大家,希望對大家的學習過程有所幫助
    2021-12-12

最新評論

大新县| 石狮市| 友谊县| 河曲县| 阆中市| 阿拉尔市| 于都县| 昌黎县| 高密市| 奉化市| 津市市| 黄浦区| 新兴县| 渝中区| 通江县| 万州区| 临猗县| 达州市| 凤凰县| 彭泽县| 通州市| 曲阳县| 资源县| 阿城市| 临沧市| 衡阳市| 石河子市| 石台县| 彩票| 淄博市| 玛纳斯县| 象州县| 读书| 仪征市| 湘阴县| 修文县| 霸州市| 忻城县| 越西县| 黄浦区| 大安市|