txt-shuffle v1.0.3

txt-shuffle

Customisable text shuffling animations.

Install

npm install txt-shuffle

Example

const { shuffle } = require('txt-shuffle');

shuffle({ text: 'Hello world', fps: 5, onUpdate: (output) => {
  console.log(output);
} });

Output:

kE}3 7
Hep|> |dJ 
Hello UAo_
Hello worlz
Hello world

Demo

• Demo: Animations
• Demo: Multiline (Canvas)

API

shuffle(options)

Starts a text shuffle animation in two tiers. First shuffling through random characters and then resolving into the target text.

• options - text (default '') text string - duration (default 1) duration of shuffle/resolve animation in seconds - delay (default 0) delay to start shuffling - delayResolve (default 0.2) delay to start resolving - fps (default 60) framerate - glyphs (see below) glyphs to use in the shuffle animation - animation (default show) possible values: show, hide, stay - direction (default right) possible values: left, right, random - onUpdate callback function, returns the output string - onComplete callback function, returns the output string

glyphs default

 !#$&%()*+0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[]^_`abcdefghijklmnopqrstuüvwxyz{|}~

License

MIT, see LICENSE for details.