Chito (原 Animater)
赤兔
一个支持计算颜色变化的动画库。
1. 安装
您可以通过npm
安装
npm i chito --save
或者直接下载完整版或核心板(不含颜色变化插件)库文件,通过script
标签引用
2. 模块引入
Chito
采用 UMD
的模块引用方式,因此可以考虑以下方式引用。
By AMD + ES6
;
By global
let Animation Clip = windowChito;
3. 使用
HTML
Javascript in ES6
// 创建 Animation 实例,控制动画主进程let ani = // 创建 Clip 实例,控制具体动画片段let clip = duration: 10000 repeat: 10 x: 0 10 y: 10 0 color: '#ff0000' '#0000ff' // 增加 Clip 的 Update 事件clip // 将 clip 添加至动画主进程ani // 启动动画anistart
// 暂停动画ani
// 停止动画ani
4. 文档
更详细的API参考: API文档
5. 例子
6. 代码修改及本地调试
源码使用ES6
语法开发,具体语法规则请参考babelrc文件
# 代码下载 git clone https://github.com/redmed/chito # 1. 安装依赖 npm i # 2. 运行本地开发环境 npm run dev # 3. 打开浏览器调试 (或者自行打开浏览器,使用以下url) open http://localhost:8082
许可
本软件 (Chito) 实施 BSD 许可协议