Advanced

Custom curves

Simple cubic beziers

You can make your own easing curve using a simplified cubic bezier. See this curve, for example. It’s defined by points 0, 1.24, 1, -1.15. The key points we need here are 1.24 (point b), and -1.15 (point d).

This can be used as follows:

import { Modulation } from "https://unpkg.com/ixfx/dist/bundle.js";
const shape = Modulation.cubicBezierShape(1.24, -1.15);
const e = Modulation.time(shape, 1000);

Use the cubic bezier editor to shape a curve, but make sure the first point remains 0 and the third point remains 1.