Skip to content

动画定义

前面我们已经学过了如何使用一个动画,最简单的定义方式就是 changePropertychangeStyle, 本篇我们来由表及里探讨动画的定义

首先,我们需要先引入一个定义动画的函数:

typescript
import { defineAnimation } from '@newcar/core'

然后我们来定义一个operation,用来在每帧调用

typescript
const myAnimation = defineAnimation({
  operation(widget, elapsed, process) {}
})

其中,process代表动画播放的完整度,取值为[0, 1],

widget为这个动画操作的对象

elapsed表示距离动画开始已经过了多少帧了

Released under the Apache-2.0 license