注册
登录
html/HTML5
>>
PqCanvas
>>
返回
项目作者:
phhui
项目描述 :
简单封装的HTML5动画框架 simple html5 animation development tool
高级语言:
JavaScript
项目主页:
项目地址:
git://github.com/phhui/PqCanvas.git
创建时间:
2018-08-12T09:05:01Z
项目社区:
https://github.com/phhui/PqCanvas
开源协议:
下载
pqCanvas
简单封装的HTML5动画框架
一般都是使用白鹭构建H5游戏,但白鹭编译后要并入网页或其它页面上比较容易出现冲突,这次有需求要实现几个动画,便花了些时间用H5实现基本的动画功能。
目前只支持绘制图片实现动画效果,不支持点击操作。
通过调用zTools.to(obj,time,param)实现动画
obj:{img:”要绘制的图片Image”,x:”起始X坐标”,y:”起始y坐标”,width:”起始宽度”,height:”起始宽度”,sx:”裁切X坐标”,sy:”裁切Y坐标”,swidth:”裁切宽度”,sheight:”裁切高度”,scaleX:”宽度比(翻转)”,rotation:”旋转”,alpha:”起始透明度”}
time:动画时间/秒
param:{delay:”迟延时间/秒”,x:”结束X坐标”,y:”结束y坐标”,width:”结束宽度”,height:”结束宽度”,sx:”结束裁切X坐标”,sy:”结束裁切Y坐标”,swidth:”结束裁切宽度”,sheight:”结束裁切高度”,scaleX:”结束宽度比(翻转)”,rotation:”结束旋转角度”,alpha:”结束透明度”,autoRemove:”动画结束后是否自动移除”,onComplete:”动画结束后回调的方法”}
裁切相关参数未完善估计有BUG,其它功能均已在实例中测试过。
zTools.clear();强制清除画布上所有对象
具体应用参考代码中的实例