Create Decoding Effect For Text – ScrambleJS

Preview:

Description:

Yet another vanilla JavaScript library for applying a configurable decoding/scrambling effect on any text.

See also:

• Lightweight Text Scrambling JavaScript Plugin – scramble.js

How to use it:

Install & download.

# NPM
$ npm install @ignatiusmb/scramble --save

Import the ScrambleJS from the lib folder.

<script src="lib/scramble.js"></script>

Or from a CDN.

<script src="https://unpkg.com/@ignatiusmb/scramble"></script>

Apply the effect to the text you specify.

<p id="example">Text To Decode</p>

const example = document.getElementById("example");
      instance = disorder(example);

Reveal the original text.

instance.process();

Start/stop the decoding/scrambling effect.

instance.start();
instance.stop();

Changelog:

08/21/2019

• v3.0.1