JavaScript Library To Animate Between Two ASCII Art Text/Images | AsciiMorph

ascii-morph-art-javascript

AsciiMorph is a small stand-alone JavaScript library for converting ASCII art and creations into objects, allowing them to be changed with transformation.

ascii art javascript, ascii art generator, ascii animation javascript, codingame ascii art solution javascript, image to ascii javascript, error ascii art codepen

How to make use of it:

1. To get started, you must include the main asciiMorph.js JavaScript.

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

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

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

3. Configure AsciiMorph with default options.

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

4. Select a set of ASCII Art text that you want to switch between.

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

5. Display the ASCII Art text in the container you just created.

AsciiMorph.render(asciis[0]);

6. Apply a Transform transition effect to ASCII Art text.

AsciiMorph.morph(asciis[INDEX]);

7. Select the dimensions of the render.

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

Create Morphing ASCII Art Text, AsciiMorph Plugin/Github


See Demo And Download

Official Website(tholman): Click Here

This superior jQuery/javascript plugin is developed by tholman. For extra Advanced Usages, please go to the official website.