Frame-interval NPM | npm.io

1.0.47 • Published 4 years ago

Install

Weekly downloads

16

License

MIT

Repository

Last release

4 years ago

frame-interval

What is this?

A library that allows you to limit the execution of requestAnimationFrame to n-frames per second for some value of n.

Why should I use this?

You want a requestAnimationFrame interface which runs at a lower speed or is bounded at some upper limit.

Installation

yarn add frame-interval

Usage

import { frameInterval } from "frame-interval";

const FPS = 24;

// constructor FrameInterval(fps: number, callback: FrameIntervalCallback): FrameInterval

// type FrameIntervalCallback = (
//   props?:
//     | {
//         time: number;
//         frame: number;
//       }
//     | undefined
// ) => void;

const fi = new FrameInterval(FPS, ({ frame }) => {
  document.body.innerHTML = `${Math.floor(frame / FPS)} ${frame}`;
});

fi.start();
// ...
fi.stop();

fps requestAnimationFrame

@infinitebrahmanuniverse/nolb-fram @everything-registry/sub-chunk-1700

1.0.48-canary.62.217.0

4 years ago

4 years ago

1.0.47-canary.61.213.0

4 years ago

4 years ago

1.0.46-canary.60.209.0

4 years ago

4 years ago

1.0.45-canary.59.205.0

4 years ago

4 years ago

1.0.44-canary.58.201.0

4 years ago

1.0.43-canary.57.197.0

4 years ago

4 years ago

4 years ago

1.0.42-canary.56.193.0

4 years ago

4 years ago

1.0.41-canary.55.189.0

4 years ago

1.0.40-canary.54.185.0

4 years ago

4 years ago

1.0.38-canary.53.177.0

4 years ago

4 years ago

4 years ago

1.0.38-canary.52.175.0

4 years ago

1.0.39-canary.53.181.0

4 years ago

1.0.37-canary.51.171.0

4 years ago

4 years ago

4 years ago

1.0.36-canary.50.167.0

4 years ago

4 years ago

4 years ago

1.0.34-canary.48.159.0

4 years ago

1.0.35-canary.49.163.0

4 years ago

4 years ago

1.0.33-canary.47.155.0

4 years ago

4 years ago

1.0.32-canary.46.151.0

4 years ago

1.0.32-canary.46.149.0

4 years ago

4 years ago

4 years ago

1.0.30-canary.44.141.0

4 years ago

1.0.31-canary.45.145.0

4 years ago

4 years ago

1.0.29-canary.43.137.0

4 years ago

4 years ago

1.0.28-canary.42.133.0

4 years ago

4 years ago

1.0.27-canary.41.129.0

4 years ago

4 years ago

4 years ago

1.0.26-canary.40.125.0

4 years ago

1.0.25-canary.39.119.0

4 years ago

1.0.25-canary.39.121.0

4 years ago

1.0.25-canary.39.117.0

4 years ago

1.0.25-canary.39.115.0

4 years ago

4 years ago

1.0.25-canary.114.c5910ca.0

4 years ago

4 years ago

4 years ago

1.0.23-canary.38.109.0

4 years ago

1.0.22-canary.37.105.0

4 years ago

4 years ago

1.0.21-canary.36.101.0

4 years ago

1.0.21-canary.36.99.0

4 years ago

4 years ago

1.0.20-canary.35.95.0

4 years ago

4 years ago

1.0.19-canary.34.91.0

4 years ago

4 years ago

1.0.18-canary.33.87.0

4 years ago

1.0.18-canary.33.85.0

4 years ago

4 years ago

1.0.17-canary.32.81.0

4 years ago

4 years ago

1.0.16-canary.31.77.0

4 years ago

4 years ago

1.0.15-canary.30.73.0

4 years ago

1.0.15-canary.30.71.0

4 years ago

4 years ago

1.0.14-canary.29.67.0

4 years ago

1.0.13-canary.28.63.0

4 years ago

4 years ago

1.0.12-canary.27.59.0

4 years ago

4 years ago

1.0.11-canary.26.55.0

4 years ago

4 years ago

4 years ago

1.0.10-canary.25.51.0

4 years ago

1.0.10-canary.25.49.0

4 years ago

4 years ago

1.0.8-canary.23.41.0

4 years ago

4 years ago

1.0.8-canary.23.39.0

4 years ago

1.0.9-canary.24.45.0

4 years ago

1.0.7-canary.22.35.0

4 years ago

4 years ago

4 years ago

4 years ago

1.0.5-canary.20.27.0

4 years ago

1.0.6-canary.21.31.0

4 years ago

4 years ago

1.0.4-canary.19.23.0

4 years ago

4 years ago

1.0.3-canary.18.19.0

4 years ago

4 years ago

1.0.2-canary.17.15.0

4 years ago

4 years ago

4 years ago

2.0.0-canary.15.10.0

4 years ago

0.0.3-canary.15.7.0

4 years ago

1.0.1-canary.16.11.0

4 years ago

0.0.3-canary.14.1.0

4 years ago

7 years ago

7 years ago