子弹没有从枪中射出

时间:2016-06-20 16:54:56

标签: java math game-physics

我只是为了好玩而制作一个小游戏而且我被困住使得子弹从枪中出来。在下面的代码中,玩家的方向是一个称为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(106, 96)) * Point2D.distance(0, 0, 106, 96));

但结果相同

据说子弹应该在枪的末端产生但是这不是你可以在下面的gif中看到的情况..

enter image description here

感谢任何帮助

1 个答案:

答案 0 :(得分:12)

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

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

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移动位置。我建议删除它并将转移添加到g.drawImage调用,因此锚点正确位于中心(请注意我避免了固定值 64 ):

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

然后,你现在开枪,你会发现子弹始终是#34;开始"来自玩家的某个位置。这里的问题是您使用的偏移量不正确。正确的值是:

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);

它应该是这样的(没有任何 X Y 调整):

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文件有点太愚蠢,所以我只能提供图片)

现在你有了必要的偏移值来获得你想要的结果,但你一定要试着理解为什么这些值就像现在这样。您需要稍后用动态值替换它们,因为不同的武器需要不同的子弹偏移,因为玩家图像不同。为每种武器类型设置一些具有实例的类应该是有帮助的,其中包含图像和武器桶在图像中的坐标。然后,您可以使用这些坐标正确设置项目符号图像的偏移量。