扰动 (perturbation)

随机化每个字符的显示时间。在 0 时，字符以均匀间隔显示。增加该值会为每个字符的开始和结束时间添加随机偏移量，并相对于稳定窗口（settle window）进行缩放。在 1 时，偏移量可以等于整个稳定持续时间，导致字符重叠并以乱序方式稳定。

接受

0 到 1 之间的 Number（数字）

默认值

0

perturbation 代码示例

import { animate, scrambleText } from 'animejs';

const [ $p ] = utils.$('p');
const buttons = utils.$('button');

const values = [0, 0.5, 1];

function play(i) {
  animate($p, {
    innerHTML: scrambleText({ perturbation: values[i], cursor: '_________' }),
  });
}

buttons.forEach(($btn, i) => $btn.addEventListener('click', () => play(i)));

<div class="large row">
  <p class="text-s text-mono">Add random timing offsets to each character for a more organic and less uniform reveal effect.</p>
</div>
<div class="medium row">
  <fieldset class="controls">
    <button>0</button>
    <button>0.5</button>
    <button>1</button>
  </fieldset>
</div>