2

我目前正在开发一个类似于带有现代曲折的老式 Tamagotchi 的应用程序。现在我准备了一些代码，不需要任何角色动画，但现在我被卡住了。我想制作一个带有标题的脚手架，下方的按钮行，但仍位于屏幕顶部，底部第二束，并在两者之间创建某种交互性，角色由资产、一些动画和触摸反应. 要清楚 - 是这样的：

class _AnimationState extends State<Animation> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        "some title here"
      ),
      body:
        Column(
          children: [
             Row(here some buttons)
             Column(with animation, height as was left on screen)
             Row(another line of buttons)
          ],
        ),
    );
  }
}

我在考虑火焰引擎，甚至找到了教程，但是当我尝试实现它时，我收到异常

在 null 上调用了方法“_mulFromInteger”。接收方：null 尝试调用：_mulFromInteger(0)

这是我工作的教程： https ://medium.com/flutter-community/sprite-sheet-animations-in-flutter-1b693630bfb3

我试图实现的代码：

Center(
  child:
    Flame.util.animationAsWidget(Position(70, 70),
    animation.Animation.sequenced('minotaur.png', 5, textureWidth: 50),
   ),
),

另一个想法是使用 Sprite Widget，但我在以前的项目中从未使用过任何动画，也没有在 Flutter、C# 或我在大学时使用的任何语言中使用过任何动画。

我将不胜感激有关如何处理资产动画的任何建议、教程或示例。

4

1 回答 1

2

那个教程很老了，从那时起在火焰世界发生了很多事情。

我猜你使用1.0.0-rc9的是Flame版本？

像这样的东西应该适用于该版本：

final animationData = SpriteAnimationData.sequenced(
  amount: 5, stepTime: 1.0, textureSize: Vector2.all(50)); 
final spriteAnimation = await SpriteAnimation.load(
  'minotaur.png' animationData);

...

Center(
  child: SpriteAnimationWidget(
    animation: spriteAnimation,
    playing: true,
    anchor: Anchor.center,
  ),
)

它的一个例子可以在这里找到。这里也有一些简短的文档。

于 2021-04-21T21:51:45.183 回答