linearTiming()

基于 interpolate() 的 <TransitionSeries> 的时序函数。

🌐 A timing function for <TransitionSeries> based on interpolate().

SlideTransition.tsx
import {linearTiming, TransitionSeries} from '@remotion/transitions';
import {slide} from '@remotion/transitions/slide';
import {Easing} from 'remotion';

const BasicTransition = () => {
  return (
    <TransitionSeries>
      <TransitionSeries.Sequence durationInFrames={40}>
        <Letter color="#0b84f3">A</Letter>
      </TransitionSeries.Sequence>
      <TransitionSeries.Transition
        presentation={slide()}
        timing={linearTiming({
          durationInFrames: 30,
          easing: Easing.in(Easing.ease),
        })}
      />
      <TransitionSeries.Sequence durationInFrames={60}>
        <Letter color="pink">B</Letter>
      </TransitionSeries.Sequence>
    </TransitionSeries>
  );
};

应用编程接口

🌐 API

一个具有以下属性的对象：

🌐 An object with the following properties:

durationInFrames

过渡的持续时间（以帧为单位）。

🌐 The duration of the transition in frames.

easing?

一个缓动函数，见 Easing。

🌐 An easing function, see Easing.

另请参阅

🌐 See also

• 本演示的源代码