如何对路径上的图标进行动画处理

时间:2020-09-18 09:27:37

标签: flutter animation dart flutter-animation

我目前正在制作一款小型的冒险游戏,希望角色能够在城市之间切换。 因此,我想在更大的图片上移动图标。

为此,我使用AnimatedPositioned和坐标移动了图标。

我写下了两点之间的32个坐标。

List<Coordinates> list = [
    new Coordinates(139.0, 283.5),
    new Coordinates(139.0, 286.5),
    new Coordinates(143.0, 290.5),
    new Coordinates(144.0, 297.0),
    new Coordinates(149.0, 299.0),
    new Coordinates(151.0, 300.5),
    new Coordinates(159.5, 304.5),
    [...]
    new Coordinates(230.5, 292.0),
]

coordinates within a path

当我播放动画时,看起来还不错。

我真正想做的是创建正确的路径并遵循它们。

我认为有两种解决方案:

  • 已准备:在第三个程序中绘制路径,然后生成一个坐标列表。
  • 在运行时:为端点提供中间点,并使用某种bezier函数更改路径。

有人知道我的问题的解决方案吗?或者是解决该问题的最佳方法是什么?

0 个答案:

没有答案