Create Morphing ASCII Art Text Using Pure JavaScript – AsciiMorph

AsciiMorph is a plain JavaScript library that adds a morphing transition effect to your ASCII Art text when switching between them.

See Also:

• Convert Text Into Fancy/Artistic Unicode Alphabets – Unicoder.js
• Convert Text Into Emotes – Emotify
• Text To Image Converter – Alter.js

How to use it:

To get started, you must include the main JavaScript asciiMorph.js right before the closing body tag.

<script src="asciiMorph.js"></script>

Create a container where you want to place your ASCII Art text.

<pre class="demo">
</pre>

Initialize the AsciiMorph with default options.

AsciiMorphvar element = document.querySelector('pre');
AsciiMorph(element);

Define an array of ASCII Art text you’d like to switch between.

var asciis = [[ 
    ...],
    [
    ...
    ],
]

Render the ASCII Art text in the container you just created.

AsciiMorph.render(asciis[0]);

Apply the morphing transition effect to the ASCII Art text.

AsciiMorph.morph(asciis[INDEX]);

Specify the rendering dimensions.

AsciiMorph(element, {x: 51,y: 28});