⭐ Crear texto de arte ASCII morphing utilizando Pure JavaScript-AsciiMorph ✅ TodoCodigo.net

Vista prévia

AsciiMorph es una librería JavaScript simple que añade un efecto de transición morphing a su texto de arte ASCII al cambiar entre ellos.

Para empezar, debe incluir el principal de JavaScript asciiMorph. js justo antes de la etiqueta de cuerpo de cierre.

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

Cree un contenedor en el que desee colocar el texto de Art ASCII.

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

Inicialice la AsciiMorph con las opciones predeterminadas.

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

Define una matriz de texto ASCII Art del que quieras alternar.

var asciis = [[


 ...],


[


...


],
]

Represente el texto ASCII Art en el contenedor que acaba de crear.

AsciiMorph.render(asciis[0]);

Aplique el efecto de transición de morphing al texto de arte ASCII.

AsciiMorph.morph(asciis[INDEX]);

Especifique las cotas de renderización.

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