textmoviemaker

USAGE

Movie object description

For creating animation you need instantiate new Movie object with require parameters:
movieID: it is id of HTML-element that contains your animation;
frameDuration: it is duration of every frame (wow);
framesList: it is list of instatiations of Frame object.

Frame object description:

You need use this class for creating your animation frames. Parameters:
content: yes, it is just content;
classList: it is list of HTML-classes that the element with movieID receives during this frame.

EXAMPLES

You can check demo-files in project directory. Or look at this example:

<link rel="stylesheet" href="./node_modules/textmoviemaker/style.css">
<script src="./node_modules/textmoviemaker/textmovie.js"></script>

<script>
    function Play() {
        let m = new Movie(
            "movie",
            1000,
            [
                new Frame("😎👌", ""),
                new Frame("😘🕶️👌", ""),
                new Frame("THE END", "end")
            ]
        );

        m.movieLoop();
    }
</script>