Appearance
ScrambleText
The ScrambleText plugin animates text by cycling through random characters before settling on the final string - a classic cryptographic-reveal effect. It is driven as a standard AnimX property, so it composes with all timing, easing, and stagger options.
Basic Scramble
Pass a plain string as the value to scramble from the element's current text to the new text using the default upperCase character set.
Basic Usage
HOVER TO DECODE
Character Sets & revealDelay
Use the chars option to control which characters are used during the scramble phase. revealDelay (0-1) postpones when characters start locking into their final value - a higher value means more scrambling before settling.
LOADING...
Custom Character Pool
Pass any string directly to chars to use it as the scramble pool. Useful for symbols, box-drawing characters, or language-specific glyphs.
INITIATE
Word-Level Scramble with delimiter
By default the plugin scrambles character-by-character. Setting delimiter: ' ' switches to word-level scrambling - each whole word is replaced as a unit.
Accessing classified data
| text | current text | The destination string to scramble toward. | | chars | 'upperCase' | Character pool used during scrambling. Named preset or any custom string. | | revealDelay | 0 | Progress point (0-1) at which characters start locking to their final value. | | speed | 1 | How frequently scramble characters update each frame. Higher = more frenetic. | | delimiter | '' | Split delimiter. '' = character-by-character, ' ' = word-by-word. |
Named chars presets
| Preset | Characters |
|---|---|
'upperCase' | A-Z |
'lowerCase' | a-z |
'upperAndLowerCase' | A-Z + a-z |
'numbers' | 0-9 |
'punctuation' | Common symbols |
'all' | Letters + digits + punctuation |
'hiragana' | Japanese hiragana |
'katakana' | Japanese katakana |
'cyrillic' | Cyrillic alphabet |
'arabic' | Arabic alphabet |
'korean' | Korean hangul |