GithubHelp home page GithubHelp logo

animatecontrol's Introduction

AnimateControl

一个动画管理方案

想写一个动画管理动画队列,比较类似于ppt那种动画时间线

例如 A动画 { 发生物体: 方块1 动画:右移200px 时间:500ms 延迟: 100ms 起始: null //null 默认最开始的动画,即开场动画 }

B动画{ 发生物体: 方块2 动画: 旋转40deg 时间: 1s 延迟: 200ms 起始:A //B动画将在A动画后 }

动画管理工具会依据起始的时间线生成对应的动画方案

100ms -> A

1s + 500ms -> B

假定这个队列为Q, Queue 将提供一下API

update: 每一个动画做完都会掉用 算事动画的callback

skip: 跳过动画 例如 skip(A),跳过动画A skip([A,B]) 跳过动画A,B

pause: 停止当前动画

play: 动画接着执行

redo: 重做动画 redo(A), A会被做两遍

animatecontrol's People

Contributors

founderisshadowwalker avatar

Watchers

 avatar  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.