GithubHelp home page GithubHelp logo

animify's Introduction

Animify

Animate your console with Strings!

Get Started

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.

Install

To install Animify in your project you need to input the following in your console.

npm install animify

or

npm i animify

Import

To import Animify in your project you need to add the following code to your project

const animify = require('animify');

Create Object

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
});

Add Frames

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.

Single String

myAnimationObject.addFrame('[ ----- ]');

Array

myAnimationObject.addFrame([
    '[ ----- ]',
    '[ --|-- ]',
    '[ --/-- ]'
]);

Animate

To bring the life to your console you need to use the animate method. and takes the frame to start from (usually 0).

Normal

myAnimationObject.animate(0);

Async

myAnimationObject.animate(0).then((res) => {
    console.log(`Printed ${res.frames.printed} with ${res.timeout} ms. delay between Images.`);
});

onStart Callback

To add a callback when the animation is started you need to use the onStart method. Which takes a function.

myAnimationObject.onStart(() => {
    // Code Here
});

onFinish Callback

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

animify's People

Contributors

neutronx-dev avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.