Question

我正在为drawRoundedRect实例的高度设置动画，因为它是从左上角开始绘制的，所以它是从上到下动画的，我需要从底部开始。

是否可以翻转我的图形实例（我尝试通过将比例设置为inverse来尝试，但这无法渲染任何东西，也许只适用于sprites），还是可以从底部开始绘制圆角矩形？

编辑：

好的，所以我发现可以通过将插值乘以-1来动画化进入另一个方向的高度：

graphics.drawRoundedRect(
        x,
        y,
        barsWidth,
        interpolatedHeight * -1,
        10
);

但是，现在半径不再起作用了，它只是绘制正方形矩形。

TIA！

Answer 1

我不能完全确定我确实理解了这个问题，但是如果做对了，您要做的就是更改要设置动画的矩形的轴心。在您的情况下，pivot.y应该等于矩形的高度rectangle.pivot.y = rectangle.height。更改枢轴后，还需要相应地将其放置在/矩形/位置，以便它可以保持其视觉位置rectangle.y += rectangle.pivot.y

一个简单的演示https://jsfiddle.net/4L1od09n/23/

如何翻转/镜像PIXI Graphics实例（drawRoundedRect）

1 个答案: