Every Frame

everyFrame fires once per frame, and provides update with the duration of time since it started.

Import

import { everyFrame } from 'popmotion';
// or stand-alone:
import everyFrame from 'popmotion/animations/every-frame';

Usage

everyFrame()
  .start((timeSinceStart) => console.log(timeSinceStart));

Methods

Action methods

everyFrame() returns:

  • filter((v: any) => boolean): Returns a new action that filters out values when the provided function returns false.
  • pipe(...funcs: Array<(v) => v): Returns a new action that will run update values through this sequence of functions.
  • start(update | { update, complete }): Starts the action and returns a subscription.
  • while((v: any) => boolean): Returns a new action that will complete when the provided function returns false.

Subscription methods

everyFrame().start() returns:

  • stop(): void

Example