[英]gameQuery collision detection
这是我第一次探索 jQuery 和 gameQuery 以使用 JavaScript 构建游戏,所以我问的问题可能看起来很幼稚,但我真的无法理解。
我正在开发像 Space Invader 这样的游戏,检测玩家导弹和敌人之间的碰撞不起作用。
这是我的代码:
我的敌人 class 的定义
function Enemy(node){
this.node = $(node);
this.pts_value = 0;
return true;
}
这是我用来添加十个敌人精灵的代码。 敌人一起向左和向右移动
$.each(new Array(10), function(index, value) {
$("#enemy_group").addSprite("enemy2_"+index,{animation: enemies[2],
posx: index * 55, posy: 0, width: 48, height: 48})
$("#enemy2_"+index).addClass("enemy");
$("#enemy2_"+index)[0].enemy = new Enemy($("#enemy2_"+index));
$("#enemy2_"+index)[0].pts_value = 150;
});
所以当我需要移动敌人时,我会一起移动敌人,我会移动包含所有精灵的组“#enemy_group”
if(ENEMY_TO_RIGHT){
var enemiesNewPos = (parseInt($("#enemy_group").css("left"))) + ENEMY_SPEED;
if(enemiesNewPos < PLAYGROUND_WIDTH - 550){
$("#enemy_group").css("left", ""+enemiesNewPos+"px");
} else {
ENEMY_TO_RIGHT = false;
}
} else {
var enemiesNewPos = (parseInt($("#enemy_group").css("left"))) - ENEMY_SPEED;
if(enemiesNewPos > 0){
$("#enemy_group").css("left", ""+enemiesNewPos+"px");
} else {
ENEMY_TO_RIGHT = true;
}
}
最后为了碰撞检测,我想移除玩家导弹击中的敌人精灵,每个导弹精灵都有一个添加的 class 名称“.playerMissiles”
$(".playerMissiles").each(function(){
var posy = parseInt($(this).css("top"));
if(posy < 0){
$(this).remove();
return;
}
$(this).css("top", ""+(posy - MISSILE_SPEED)+"px");
//Test for collisions
var collided = $(this).collision(".enemy, .group");
if(collided.length > 0){
//An enemy has been hit!
collided.each(function(){
$(this).setAnimation(enemies[0], function(node){$(node).remove();});
})
}
});
我正在关注 gameQuery 网站上的文档教程。
任何帮助表示赞赏,谢谢,
我看不出你的代码有任何问题。 我只能给你几个指点:
只是为了确定您使用的是哪个版本的 gameQuery 和 jQuery? gitHub 的最后一个版本不稳定,我不建议使用它,而是使用用户 0.5.1。
您可以使用jquery 碰撞插件,避免自己做逻辑。
希望这可以帮助。 干杯
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.