juggle-juggler

1.0.0 • Public • Published

juggle-juggler

juggle-juggler是一个动画管理类,可以添加与移除动画

特点:

1、回调中新加入的动画不能在这一次被调度,因为没有经历时间过程这是合理的
2、回调中移除的分两种可能,已经在本次调度的无影响,没有在本次调度的取消本次调度

依赖juggle-help,juggle-event

快速开始:

npm install juggle-juggler

如何使用:

 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../juggle-help/dist/juggle-help.js" type="text/javascript"></script> 
    <script src="../juggle-event/dist/juggle-event.js" type="text/javascript"></script> 
    <script src="../juggle-juggler/dist/juggle-juggler.js" type="text/javascript"></script> 
    <script type="text/javascript">
        function View() {
            this.isAdd = false;
            this.advanceTime = function (time) {
                if (!this.isAdd) {
                    //回调是移除其他对象,如果移除的对象在这次调用后,则不再调用
                    movie1.dispatchEventWith(juggle.jugglerEventType.REMOVE_FROM_JUGGLER);
                    //回调时添加的新对象,不作处理,下一帧再处理
                    var view1 = new View1();
                    juggle.jugglerManager.juggler.add(view1);
                    this.isAdd = true;
                }
            }
        }
        function View1() {
            this.advanceTime = function (time) {
            }
        }
        function Movie() {
            this.isRemove = false;
            juggle.EventDispatcher.apply(this);
            this.advanceTime = function (time) {
                if (!this.isRemove) {
                    juggle.jugglerManager.juggler.remove(movie2);
                    this.isRemove = true;
                }
            }
        }
        function Movie1() {
            juggle.EventDispatcher.apply(this);
            this.advanceTime = function (time) {
 
            }
        }
        var view = new View();
        var movie = new Movie();
        var movie1 = new Movie1();
        var movie2 = new Movie1();
        window.onload = function () {
            juggle.jugglerManager.juggler.add(view);
            juggle.jugglerManager.juggler.add(movie1);
            juggle.jugglerManager.juggler.add(movie2);
            juggle.jugglerManager.juggler.add(movie);
        }
    </script> 
</head>
<body>
 
</body>
</html>
 

Readme

Keywords

Package Sidebar

Install

npm i juggle-juggler

Weekly Downloads

1

Version

1.0.0

License

ISC

Last publish

Collaborators

  • dianbaer