lerp

KO | EN

gitlite — search

#hacktoberfest #hacktoberfest2021 #javascript #react #reactjs #api #android #python #flutter #hacktoberfest-accepted #swift #java

★ 26 Open GitHub ↗

Frame rate independent linear interpolation function

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Frame rate independent linear interpolation function

This is a frame rate independent linear interpolation function based on [this article](http://www.rorydriscoll.com/2016/03/07/frame-rate-independent-damping-using-lerp/). It uses [https://www.npmjs.com/package/lerp](https://www.npmjs.com/package/lerp) under the hood.

```js
var lerp = require('@14islands/lerp')

var res = lerp(a, b, t, frameDelta, targetFps);
```

## Why?

Some devices only run at 30fps, for instance iOS in battery saving mode.
Some devices run faster, for instance Oculus Quest 2 runs at 90 fps, Macbook M1 Max and gaming PCs run at 120 fps.

## Usage

```js
// classic lerp - works as expected
lerp(start, end, progress)

// Interpolates and adjusts for the frame delta. Default target is 60fps.
const frameDelta = clock.getDelta()
lerp(start, end, alpha, frameDeltaMs)

// Adjust for frame delta targeting a 120fps refresh rate.
const frameDelta = clock.getDelta()
lerp(start, end, alpha, frameDelta, 120)
```

## Demo
[Sandbox demo](https://codesandbox.io/s/fps-independent-lerp-pdiq2)

## License

MIT, see [LICENSE.md](http://github.com/14islands/lerp/blob/master/LICENSE.md) for details.

lerp

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README