Animate CC 扩展库

作者:WaveF
QQ群:206832025
引用:在动作面板的“全局-引用”添加引用地址即可加载脚本

FlashAn

一个用于AnimateCC外置脚本开发的JS库

v1.0.4 - 新增meta-viewport标签控制视图缩放 / 新增docTitle改写标题的方法
v1.0.3 - 新增domReady回调
v1.0.2 - 移除引用文件后缀及附加到指定父节点的功能
v1.0.1 - 新增引用外部文件的回调方法

引用地址
http://minicg.com/libs/FlashAn.min.js

简要说明

  1. 引用外部文件:

    FlashAn.include(["A.js", "B.css", ...], callback);
    参数1:文件列表(数组)
    参数2:回调函数(文件列表加载完毕后执行)

  1. 场景初始化回调:

    FlashAn.inited(function(e){ ... });
    参数:入口函数(可通过形参获取exportRoot及lib等对象)

  1. DOM初始化回调:

    FlashAn.domReady(function(){ ... });
    参数:回调函数(仅DOM,非所有资源加载完毕)

  1. 改写文档标题:

    FlashAn.docTitle("...");
    参数:字符串(由于An采用fla文件名作为标题,所以可用此方法用作临时修改)


AnScratch

FlashAn插件,刮刮卡效果

v1.0.1 - 鼠标进入检测现在与场景刷新率保持一致

引用地址
http://minicg.com/libs/AnScratch.min.js

初始化:

FlashAn.scratch(target);

参数:舞台对象(MovieClip 或 Bitmap)

预览
http://minicg.com/libs/AnScratch/


AnPaint

FlashAn插件,简易涂鸦效果

v1.0.4 - 移动端坐标偏差的问题
v1.0.3 - 修正无法通过属性来设置线条粗细及颜色的问题
v1.0.2 - 修正未指定线条参数时程序出错的问题
v1.0.1 - 修正stage涂鸦时获取尺寸失败的问题

引用地址
http://minicg.com/libs/AnPaint.min.js

使用:

var myPaint = FlashAn.paint({
  target: e.root.mc,
  strokeSize: 20,
  strokeColor: "#fc0"
});

说明:

target - 指定一个MovieClip作为涂鸦容器及区域,不指定则自动设置为stage;
strokeSize - 涂鸦线条粗细;
strokeColor - 涂鸦线条颜色,可通过rgba来设定透明度。

注意:
1. 必须在发布设置中启用“多帧边界(Multiframe Bounds)”,否则会无法获取mc范围!
2. mc及其内容完全透明会无法绘图(createjs会忽略完全透明的对象)

方法:

myPaint.clear();
清除涂鸦内容(仍可继续涂鸦);

myPaint.destroy();
销毁涂鸦对象(无法再次涂鸦);

myPaint.update();
刷新涂鸦缓存容器的缓存(当容器在涂鸦后移动,其刷新其缓存的坐标)

预览
http://minicg.com/libs/AnPaint/


AnHandplay

FlashAn插件,通过舞台水平或垂直拖拽滑动来播放动画

v1.0.1 - 修正垂直方向滑动时无法循环倒放的问题

引用地址
http://minicg.com/libs/AnHandplay.min.js

使用:

FlashAn.handplay(mc, speed, direction);

参数:

mc - 指定一个MovieClip作为控制对象;
speed - 拖动时播放动画的速度;
direction - 指定拖动方向为水平("horizontal")或垂直("vertical")

预览
http://minicg.com/libs/AnHandplay/


AnInput(预告)

FlashAn插件,使输入框组件融入动画之中

Ctrl+F7 打开组件面板即可找到输入框组件
如果你的 Animate CC 没有组件面板,请升级至2017.2以上
AnInput暂未发布,如果你有刚需,请自行从预览地址中获取

预览
http://minicg.com/libs/AnInput/


设计师一枚,恶(mǎ)灵(nóng)退散!

Responses