Pixi’VN动画（motion）
了解如何使用 canvas.animate 函数为 Pixi’VN 画布组件设置动画，包括移动、旋转、淡入淡出、缩放和镜像的示例。
Pixi’VN 允许开发者使用名为 canvas.animate 的函数为画布组件设置动画。 该函数是对 motion 库中 animate 函数 的重新实现，经过调整以使用 PixiJS 的 ticker 来触发动画事件。
使用
canvas.animate 是 Pixi’VN 中最常用的函数之一，其设计初衷是简单易用——尽管其底层概念一开始可能不太容易理解。 其原理很简单：你为画布组件定义一个目标状态（例如位置、缩放或不透明度）和一个持续时间，Pixi’VN 会逐帧平滑地将组件过渡到该状态。 一旦达到目标，动画就会自动结束。
例如，要在一秒内将组件移动到位置 { x: 100, y: 50 }，你需要将 { x: 100, y: 50 } 作为 keyframes 传入，并将 { duration: 1 } 作为 options 传入。 keyframes 参数定义了_要达到什么_；options 定义了_如何达到_。
canvas.animate 内部会创建一个 Ticker。 For advanced use cases — such as pausing, resuming, or stopping an animation — you can use the functions available to control Pixi’VN Tickers.
以下是一些示例：