javascript - 如何获得 Phaser3 精灵顶部的坐标？

Question

我想找出一个片段的顶部坐标。这个想法是在一个点和绿色元素的顶部之间画一条线。

我怎样才能找到或计算这个坐标。我知道盒子的大小和角度。

这是一个源代码，我在其中创建了一条紫色线。

这是一个 gif 示例。

谢谢！

标签： javascriptmathgeometryphaser-framework

Answer 1

据我了解，旋转中心cx, cy应该在绳子的顶部。

网的顶点有坐标

tx = cx + ropelen * Cos(angle)
ty = cy + ropelen * Sin(angle)

如果精灵的基点与顶点不同，但位于 下方dy，您可以使用相同的公式找到它的坐标ropelen + dy

如果精灵的基点与顶点不同，但位于 左边，您可以使用) 和角度dx使用相同的公式找到它的坐标sqrt(ropelen^2 + dx^2angle + atan(dx/ropelen)