子弹没有从枪中射出

2022-09-03 15:04:16

我正在制作一个小游戏,只是为了好玩,我被困在让子弹从枪里出来。在下面的代码中,播放器的方向是一个称为 的度角。rot

float gunOffsetX = 106, gunOffsetY = 96;
double angle = Math.toRadians(rot); // convert direction of player from degrees to radians for sin and cos
x = getX(); // player X
y = getY(); // player Y

float bulletX = (float) (x + (gunOffsetX * Math.cos(angle) - gunOffsetY * Math.sin(angle)));
float bulletY = (float) (y + (gunOffsetX * Math.sin(angle) + gunOffsetY * Math.cos(angle)));
            
Instances.fire.add(new Fire(bulletX, bulletY, rot, weapon));

还尝试了:

bulletX = (float) (x + Math.cos(angle + Math.atan2(gunOffsetX, gunOffsetY)) * Point2D.distance(0, 0, gunOffsetX, gunOffsetY));

但结果相同

据推测,子弹应该在枪的末端生成,但事实并非如此,正如您在下面的gif中看到的那样。

enter image description here

任何帮助赞赏


答案 1

一个大问题(至少在我看来)是这个游戏如何处理形状的点,就像玩家一样。

我们可以通过在其位置上绘制一个小红色矩形来突出显示锚点:

g.setColor(Color.RED);
g.drawRect((int)player.getX() -5, (int)player.getY() -5, 10, 10);

这进入方法,所以它看起来像:Draw#renderGame(Graphics2D)

private void renderGame(Graphics2D g) {
    g.rotate(Math.toRadians(player.rot), player.getX()+64, player.getY()+64);
    g.drawImage(player.getCurrentFrame(), (int)player.getX(), (int)player.getY(), player.getWidth(), player.getHeight(), null);
    g.setColor(Color.RED);
    g.drawRect((int)player.getX() -5, (int)player.getY() -5, 10, 10);
    g.rotate(-Math.toRadians(player.rot), player.getX()+64, player.getY()+64);
    //...

然后我们会看到锚点不在图像的中心:

image with anchor point

如您所见,锚点(旋转前的原始(0,0)点)不在图像的中心,十字准线与它相关,而不是玩家的视图。

这是由于玩家旋转时的移位操作而发生的:

g.rotate(Math.toRadians(player.rot), player.getX()+64, player.getY()+64);
//...
g.rotate(-Math.toRadians(player.rot), player.getX()+64, player.getY()+64);

您正在用 .我建议删除它,并将移位添加到调用中,以便锚点正确位于中心(请注意,我避免了固定值64):+64g.drawImage

g.rotate(Math.toRadians(player.rot), player.getX(), player.getY());
g.drawImage(player.getCurrentFrame(), (int)player.getX() - (player.getWidth() / 2), (int)player.getY() - (player.getHeight() / 2), player.getWidth(), player.getHeight(), null);
g.rotate(-Math.toRadians(player.rot), player.getX(), player.getY());

image with centerd anchor

然后你现在开枪,你会看到子弹总是从玩家的某个位置“开始”。这里的问题是您使用的偏移不正确。正确的值为:

float gunOffsetX = 35, gunOffsetY = 29;

(我通过反复试验得到了它们,所以如果你愿意,你可以再调整一下)

现在它看起来像这样:

shot fired, still misplaced

如您所见,射击仍然有点放错位置,但是由于子弹的旋转不正确(就像您对玩家形状所做的那样),因此会发生这种情况:

g.rotate(Math.toRadians(f.rot), f.getX()+f.getWidth()/2, f.getY()+f.getHeight()/2);
g.drawImage(f.img, (int)f.getX(), (int)f.getY(), f.getWidth(), f.getHeight(), null);
g.rotate(-Math.toRadians(f.rot), f.getX()+f.getWidth()/2, f.getY()+f.getHeight()/2);

它应该看起来像这样(没有任何XY调整):

g.rotate(Math.toRadians(f.rot), f.getX(), f.getY());
g.drawImage(f.img, (int)f.getX(), (int)f.getY(), f.getWidth(), f.getHeight(), null);
g.rotate(-Math.toRadians(f.rot), f.getX(), f.getY());

最终结果是:

shot fired, correctly placed

玩家现在正确地看着十字准线,镜头被放置在枪前。


如果你喜欢直接通过十字准线的中心射击,你只需要稍微调整玩家的位置和子弹偏移。

播放器 (在 ):Draw#renderGame(Graphics2D)

g.drawImage(player.getCurrentFrame(), (int)player.getX() - (player.getWidth() / 2), (int)player.getY() - (player.getHeight() / 2) - 30, player.getWidth(), player.getHeight(), null);

(注意在-30(int)player.getY() - (player.getHeight() / 2) - 30)

子弹:

float gunOffsetX = 35, gunOffsetY = 0;

现在子弹穿过十字准线(请注意,红色矩形正好在武器上):

shot fired, bullet through crosshair

(我有点太愚蠢了,无法创建适当的GIF文件,所以我只能提供图片)


现在,您拥有了必要的偏移值来获得所需的结果,但是您绝对应该尝试了解为什么这些值现在如此。稍后需要用动态值替换它们,因为不同的武器需要不同的子弹偏移量,因为玩家图像不同。拥有某种带有每种武器类型实例的类应该会有所帮助,其中包含图像和武器桶在图像中的位置的坐标。然后,您可以使用这些坐标来正确设置项目符号图像的偏移量。


答案 2