av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

javascript - 如何為大量的sprite添加碰撞檢測框?

瀏覽:87日期:2022-12-02 08:58:50

問題描述

我有一張精靈表,里面的每幀都有不同的尺寸,如下圖:javascript - 如何為大量的sprite添加碰撞檢測框?

現(xiàn)在我想為它們添加碰撞檢測框,但圖片較多,而且碰撞的位置不限于圖片邊框,請問這種情況如何添加檢測框,是否需要給每幀按需求添加?添加完成后又如何獲取碰撞框的位置?有沒有工具可以實(shí)現(xiàn)?非常感謝~

問題解答

回答1:

基本上游戲開發(fā)最難的部分之一就是碰撞檢測了,你如何選擇碰撞檢測請務(wù)必根據(jù)你項(xiàng)目的需求來決定,一般對于多邊形用得比較多的是分離軸定理(SAT),像你這種如果要求不是特別高的話用正常等大的矩形檢測就好了,如果非要變化的話就為每個(gè)狀態(tài)保存一個(gè)碰撞檢測框用于碰撞檢測,比如說:

var monster = { steps : {'walk' : { 'width' : '', //碰撞檢測時(shí)用于計(jì)算的寬度 'height' : '', //高度 'imgs' : [] //精靈,可能'walk'這個(gè)動(dòng)作中包含了多幀,進(jìn)行游戲循環(huán)的時(shí)候需要逐步變化 'idx' : 0 //用于判斷imgs當(dāng)前到哪個(gè)步驟的下標(biāo)索引},'jump' : { //同樣的},'run' : { //等等}//........ }, //保存不同狀態(tài)下的顯示效果和碰撞邊框 'currentStatus' : 'walk', //當(dāng)前的狀態(tài),方便相關(guān)功能的載入 'setup' : function(){this.x += '';this.y += ’’;//用于計(jì)算和更新位置 }, 'draw' : function(){//用于繪制 } //......};//碰撞檢測一般都在游戲循環(huán)里單獨(dú)調(diào)用一個(gè)方法,通過循環(huán)獲取活動(dòng)對象的x,y,width,height來進(jìn)行檢測,這里你可以通過判斷一個(gè)矩形是否存在一個(gè)頂點(diǎn)在另一個(gè)矩形內(nèi)部來得知是否碰撞,當(dāng)然用sat也是可以的,不過麻煩了點(diǎn)

當(dāng)然我這里僅僅給你參考意見,我不是主攻游戲開發(fā),以前有興趣的時(shí)候自學(xué)過一段時(shí)間,如果有什么地方有問題歡迎指出來,就這樣吧。

標(biāo)簽: JavaScript
相關(guān)文章:
主站蜘蛛池模板: 一级毛片视频 | 亚洲在线一区二区 | 成人欧美一区二区三区视频xxx | 99精品免费久久久久久久久日本 | 国产精品久久久乱弄 | 日韩欧美在线观看 | 日韩欧美一级片 | 日本不卡一区 | 91在线免费视频 | 人人干人人艹 | 久久久久久www | 国产精品视频在线观看 | 亚洲一区久久 | 国产中文字幕在线观看 | 91在线观看视频 | 日韩日韩日韩日韩日韩日韩日韩 | 欧美一区二区综合 | 亚洲精选一区二区 | 精品欧美一区二区三区精品久久 | 天天拍天天色 | 黄网站涩免费蜜桃网站 | 免费午夜视频在线观看 | 欧美日韩精品中文字幕 | 日韩欧美一区二区在线播放 | 久久噜噜噜精品国产亚洲综合 | 综合九九 | 日韩欧美视频 | 成人无遮挡毛片免费看 | 超级乱淫av片免费播放 | 国产一级影片 | 在线视频亚洲 | 奇米久久 | 欧美日韩视频在线播放 | 欧美激情在线播放 | 久久成人一区二区三区 | 国产91视频免费 | 黄色毛片免费视频 | 中文字幕一区二区三区在线乱码 | 精精国产xxxx视频在线播放 | 国产精品一码二码三码在线 | 久久久久国产一区二区三区不卡 |