{"id":338,"date":"2017-10-20T17:10:39","date_gmt":"2017-10-20T09:10:39","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=338"},"modified":"2021-10-19T10:45:15","modified_gmt":"2021-10-19T02:45:15","slug":"cocos-creator-animation%e4%b8%8d%e8%bf%87%e5%a6%82%e6%ad%a4%e3%80%82","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=338","title":{"rendered":"cocos creator Animation\u4e0d\u8fc7\u5982\u6b64\u3002"},"content":{"rendered":"

\u5927\u5bb6\u597d\uff0c\u4eca\u5929\u5206\u4eab\u7684\u662f\u5728cocos creator\u91cc\u9762\u5b9e\u6218\u5e94\u7528Animation(\u52a8\u753b)\u3002<\/p>\n

Animation \u7ec4\u4ef6<\/h2>\n

Animation \u7ec4\u4ef6\u63d0\u4f9b\u4e86\u4e00\u4e9b\u5e38\u7528\u7684\u52a8\u753b\u63a7\u5236\u51fd\u6570\uff0c\u5982\u679c\u53ea\u662f\u9700\u8981\u7b80\u5355\u7684\u63a7\u5236\u52a8\u753b\uff0c\u53ef\u4ee5\u901a\u8fc7\u83b7\u53d6\u8282\u70b9\u7684 Animation \u7ec4\u4ef6\u6765\u505a\u4e00\u4e9b\u64cd\u4f5c\u3002<\/p>\n

\u5148\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u52a8\u753b\u7f16\u8bd1\u5668\u5982\u56fe\uff1a<\/p>\n

\"\" \"\" \"\"\"\"<\/p>\n

\u8fd9\u56db\u4e2a\u56fe\u7247\u5df2\u7ecf\u8bf4\u660e\u4e86\u4e00\u5207\uff0c\u63a5\u4e0b\u6765\u6211\u4eec\u770b\u5982\u679c\u7528\u6211\u4eec\u7684\u811a\u672c\u6765\u64cd\u4f5c\u6211\u4eec\u7684\u52a8\u753b\uff0c<\/p>\n

\u9996\u5148\u554a\uff0c\u5148\u83b7\u53d6\u52a8\u753b\u5c5e\u6027\uff0c<\/p>\n

\n
this.anim = this.animateObj.getComponent(cc.Animation);\/\/ \u83b7\u53d6\u52a8\u753b\u7684cc.Animation\u5c5e\u6027<\/div>\n
\u83b7\u53d6\u6210\u529f\u540e\u6211\u4eec\u5f00\u59cb\u7b80\u5355\u64ad\u653e\u52a8\u753b\uff0c<\/div>\n
\n
\n
this.anim.play(‘qipao’);<\/div>\n<\/div>\n
<\/div>\n<\/div>\n<\/div>\n
\u5f53\u7136\u6211\u4eec\u8fd8\u53ef\u4ee5\u5bf9\u52a8\u753b\u8fdb\u884c\u66f4\u591a\u7684\u64cd\u4f5c\uff0c\u6bd4\u5982\u6682\u505c\uff0c\u505c\u6b62\uff0c\u6062\u590d\u64ad\u653e\u7b49\u7b49\uff0c<\/div>\n
<\/div>\n
\n
\n
\u00a0this.anim.pause(‘qipao’); \/\/\u6682\u505c\u52a8\u753b<\/div>\n
\u00a0this.anim.stop(‘qipao’); \/\/\u505c\u6b62\u52a8\u753b<\/div>\n
\u00a0this.anim.resume(‘qipao’); \/\/\u6062\u590d\u52a8\u753b<\/div>\n<\/div>\n<\/div>\n
<\/div>\n
\u9664\u4e86\u8fd9\u4e9b\u7b80\u5355\u7684\u64ad\u653e\u4e4b\u5916\uff0c\u8fd8\u6709\u4e00\u4e9b\u529f\u80fd\u80fd\u591f\u5e2e\u52a9\u6211\u4eec\u66f4\u597d\u7684\u4f7f\u7528animation\u7ec4\u4ef6\u3002<\/div>\n
<\/div>\n
\n
var animState=this.anim.getAnimationState(‘qipao’); \/\/\u52a8\u753b\u6570\u636e<\/div>\n
\u6211\u4eec\u59d1\u4e14\u53ef\u4ee5\u628agetAnimationState\u8fd9\u4e2a\u4e1c\u897f\u770b\u4f5c\u4e00\u4e2a\u52a8\u753b\u8f7d\u4f53\u4e5f\u5c31\u662f\u7c7b\u4f3c\u4e8econtainer\u7684\u4e00\u4e2a\u4e1c\u897f\uff0c\u901a\u8fc7getAnimationState\u8fd9\u4e2a\u795e\u5947\u7684\u4e1c\u897f\u6211\u4eec\u53ef\u4ee5\u5bf9\u52a8\u753b\u5b8c\u6210\u5f88\u591a\u5176\u4ed6\u7684\u64cd\u4f5c\uff0c\u6bd4\u5982\uff1a<\/div>\n
\n
var clip = dom.clip; \/\/\u52a8\u753b\u5173\u8054clip<\/div>\n
varname=dom.name;\/\/ \u52a8\u753bname<\/div>\n
\/\/ \u83b7\u53d6\u52a8\u753b\u7684\u64ad\u653e\u901f\u5ea6<\/div>\n
varspeed=dom.speed;<\/div>\n
\/\/ \u83b7\u53d6\u52a8\u753b\u7684\u64ad\u653e\u603b\u65f6\u957f<\/div>\n
varduration=dom.duration;<\/div>\n
\/\/ \u83b7\u53d6\u52a8\u753b\u7684\u64ad\u653e\u65f6\u95f4<\/div>\n
vartime=dom.time;<\/div>\n
\/\/ \u83b7\u53d6\u52a8\u753b\u7684\u91cd\u590d\u6b21\u6570<\/div>\n
varrepeatCount=dom.repeatCount;<\/div>\n
\/\/ \u83b7\u53d6\u52a8\u753b\u7684\u5faa\u73af\u6a21\u5f0f<\/div>\n
varwrapMode=dom.wrapMode<\/div>\n
\/\/ \u83b7\u53d6\u52a8\u753b\u662f\u5426\u6b63\u5728\u64ad\u653e<\/div>\n
varplaying=dom.isPlaying;<\/div>\n
\/\/ \u83b7\u53d6\u52a8\u753b\u662f\u5426\u5df2\u7ecf\u6682\u505c<\/div>\n
varpaused=dom.isPaused;<\/div>\n
\/\/ \u83b7\u53d6\u52a8\u753b\u7684\u5e27\u7387<\/div>\n
varframeRate=dom.frameRate;<\/div>\n
dom.speed=3;<\/div>\n
\/\/ dom.wrapMode = cc.WrapMode.Normal; \/\/ \u8bbe\u7f6e\u5faa\u73af\u6a21\u5f0f\u4e3a Normal\uff0c loop\u52a8\u753b\u5faa\u73af\u64ad\u653e\u3002<\/div>\n
\u7b49\u7b49\u8fd9\u4e9b\uff0cgetAnimationState\u662f\u4e2a\u795e\u5947\u7684\u4e1c\u897f\uff0c\u66f4\u6709\u8da3\u7684\u4e8b\u513f\uff0c\u6211\u4eec\u8fd8\u53ef\u4ee5\u68c0\u6d4b\u52a8\u753b\u64ad\u653e\u7684\u72b6\u6001\uff0c\u901a\u8fc7\u52a8\u753b\u8fbe\u5230\u67d0\u4e00\u4e2a\u72b6\u6001\u6211\u4eec\u8fdb\u884c\u56de\u6389\uff0c\u6765\u8fdb\u884c\u5207\u6362\u66f4\u6539\u52a8\u753b\uff0c<\/div>\n<\/div>\n
\n
functionanimateEndFrame(){<\/div>\n
console.log(123);<\/div>\n
}<\/div>\n
functionanimateLastFrame(){<\/div>\n
console.log(456);<\/div>\n
}<\/div>\n
dom.on(‘finished’,animateEndFrame,this); \/\/qipao\u52a8\u753b\uff0c\u64ad\u653e\u5b8c\u6210\u65f6\uff0c\u56de\u6389\u51fd\u6570animateEndFrame<\/div>\n
dom.on(‘lastframe ‘,animateLastFrame,this); \/\/\u5047\u5982\u52a8\u753b\u5faa\u73af\u6b21\u6570\u5927\u4e8e 1\uff0c\u5f53\u52a8\u753b\u64ad\u653e\u5230\u6700\u540e\u4e00\u5e27\u65f6\u6267\u884c animateLastFrame<\/div>\n
},<\/div>\n
\u6548\u679c\u5f88\u660e\u663e\uff0c\u4f60\u662f\u4e0d\u662f\u611f\u89c9\u5f88\u6709\u610f\u601d \u60f3\u8981\u5c1d\u8bd5\u4e00\u4e0b\uff1f<\/div>\n
\u901a\u8fc7\u56de\u8c03\u4e8b\u4ef6\uff0c\u6211\u4eec\u53ef\u4ee5\u52a0\u4e0a\u4e00\u4e9b\u66f4\u4f18\u96c5\u7684\u903b\u8f91\uff0c\u6bd4\u5982\u7ed3\u5408\u6211\u4eec\u7684\u9f99\u9aa8\u52a8\u753b\uff0c\u901a\u8fc7animation\u52a8\u753b\u7ed3\u675f\u540e\uff0c\u56de\u8c03\u9f99\u9aa8\u52a8\u753b\uff0c\u4ece\u800c\u64cd\u4f5c\u9f99\u9aa8\uff0c\u8ba9\u6211\u4eec\u7684\u52a8\u753b\u4ea4\u4e92\u4e5f\u597d\u8fd8\u662f\u6548\u679c\u90fd\u66f4\u52a0\u7684\u5065\u58ee\u4e0e\u4f18\u96c5\u3002<\/div>\n
<\/div>\n
\u6587\u7ae0\u6700\u540e\u4e0d\u5f97\u4e0d\u63d0\u4e00\u4e0b\uff0c\u672c\u4eba\u8fb9\u5b66\u8fb9\u7528\u4e00\u4e2a\u6708\u7684\u65f6\u95f4(cocos creator)\uff0c\u4e5f\u505a\u4e86\u51e0\u6b3e\u5c0f\u6e38\u620f\uff0c \u611f\u89c9\u66f4\u52a0\u9002\u5408\u65b0\u624b\u5165\u95e8\uff0c\u76f8\u6bd4\u8f83create.js\u66f4\u52a0\u4e13\u4e1a\uff0cui\u7ec4\u4ef6\u8ddf\u573a\u666f\u5e03\u5c40\u8fd9\u4e9b\u8fce\u5408\u4e86\u5236\u4f5c\u4e2d\u5927\u578b\u6e38\u620f\u7684\u9700\u6c42\uff0c\u76f8\u6bd4\u8f83egret\u800c\u8a00\u95e8\u69db\u53c8\u6ca1\u90a3\u4e48\u9ad8(\u65b0\u4eba)\uff0c\u4ee5\u4e0a\u4ee3\u8868\u6211\u4e2a\u4eba\u770b\u6cd5\uff0c\u5982\u6709\u4e0d\u540c\u610f\u89c1\uff0c\u8bf7\u618b\u56de\u53bb\uff0c\u8c22\u8c22\u3002<\/div>\n
<\/div>\n<\/div>\n
Animation github \u4ee3\u7801 \uff1ahttps:\/\/github.com\/894658027\/HTML5-Games\/tree\/master\/cocosCreator\/Animation<\/div>\n
<\/div>\n
<\/div>\n
<\/div>\n<\/div>\n
<\/div>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

\u5927\u5bb6\u597d\uff0c\u4eca\u5929\u5206\u4eab\u7684\u662f\u5728cocos creator\u91cc\u9762\u5b9e\u6218\u5e94\u7528Animation(\u52a8\u753b)\u3002 Animation […]<\/p>\n","protected":false},"author":1,"featured_media":307,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[30],"tags":[32],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/338"}],"collection":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=338"}],"version-history":[{"count":9,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/338\/revisions"}],"predecessor-version":[{"id":827,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/338\/revisions\/827"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/307"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=338"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=338"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}