Animate your console with Strings!
Section | Quick Descripton |
---|---|
Install | How to Install. |
Import | How to import into a Project |
Create Object | How to create an animation Object. |
Add Frames | How to add Frames. |
Animate | How to animate the Frames. |
onStart Callback | Add a callback when animation Starts. |
onFinish Callback | Add a callback when animation Ends. |
To install Animify
in your project you need to input the following in your console.
npm install animify
or
npm i animify
To import Animify
in your project you need to add the following code to your project
const animify = require('animify');
To start using Animify
you need to create an animation Object. Which is declared like :
const myAnimationObject = new animify();
There is a configuration you can add, even tho It is OPTIONAL. and you can add like :
const myAnimationObject = new animify({
fps: 30 // default: 30
});
To add frames into your animation object you need to use the addFrame
method. which can take a string
or an array
with multiple strings.
myAnimationObject.addFrame('[ ----- ]');
myAnimationObject.addFrame([
'[ ----- ]',
'[ --|-- ]',
'[ --/-- ]'
]);
To bring the life to your console you need to use the animate
method. and takes the frame to start from (usually 0).
myAnimationObject.animate(0);
myAnimationObject.animate(0).then((res) => {
console.log(`Printed ${res.frames.printed} with ${res.timeout} ms. delay between Images.`);
});
To add a callback when the animation is started you need to use the onStart
method. Which takes a function.
myAnimationObject.onStart(() => {
// Code Here
});
To add a callback when the animation is started you need to use the onFinish
method. Which takes a function.
myAnimationObject.onFinish(() => {
// Code Here
});
Licensed under the MIT License