{"id":189,"date":"2017-04-24T15:27:10","date_gmt":"2017-04-24T07:27:10","guid":{"rendered":"http:\/\/blog.xrhoujie.com\/?p=189"},"modified":"2021-10-19T10:49:16","modified_gmt":"2021-10-19T02:49:16","slug":"create-js-movieclip%e6%93%8d%e4%bd%9c","status":"publish","type":"post","link":"http:\/\/blog.xrhoujie.com\/?p=189","title":{"rendered":"Create.js\u5b9e\u6218-MovieClip\u64cd\u4f5c"},"content":{"rendered":"

\u535a\u4e3b\u8bb0\u5fc6\u529b\u603b\u4e0d\u597d\uff0c\u6700\u8fd1\u521a\u597d\u7528\u4e86\u4e00\u4e0bcreateJs\u6846\u67b6\uff0c\u6015\u4ee5\u540e\u4e00\u6bb5\u65f6\u95f4\u6ca1\u7528\u540e\u4f1a\u5fd8\u8bb0\uff0c\u6240\u4ee5\u5728\u6b64\u505a\u4e2a\u8bb0\u5f55\uff0c\u6216\u8bb8\u4ee5\u540e\u7528\u5f97\u7740\u3002<\/p>\n

\u95f2\u8bdd\u5c11\u8bf4\uff0c\u4e4b\u524d\u770b\u4e86\u4e00\u4e0btween.js\u7684\u64cd\u4f5c\u611f\u89c9\u662f\u5f88\u6709\u610f\u601d\u7684\uff0c\u4eca\u5929\u5206\u4eab\u51fa\u6765\u7ed9\u5927\u5bb6\u4e00\u8d77\u5b66\u4e60\u4e00\u4e0b\uff0c<\/p>\n

\u8001\u5957\u8def\u6211\u4eec\u5148\u521b\u5efa\u753b\u5e03\uff0c<\/p>\n

<canvas id=”gameView” width = “1024” height = “768” style=”background-color: #cccccc; width:1024px;height:768px;”><\/canvas><\/p>\n

\u7b2c\u4e8c\u90e8 \u5f15\u5165create.js\u5f15\u64ce\u5916\u7f6e\u6587\u4ef6<\/p>\n

<script src=”js\/create.js”><\/script><\/p>\n

\u7b2c\u4e09\u90e8\u5f00\u59cb\u8fdb\u5165\u4e3b\u4ee3\u7801\u903b\u8f91<\/p>\n

var stage = new createjs.Stage(“gameView”);<\/p>\n

\u521b\u5efa\u4e86\u821e\u53f0\u5e76\u4e14\u6839\u636ecanvas\u7684id\u6240\u5173\u8054<\/p>\n

createjs.Ticker.setFPS(30);
\ncreatejs.Ticker.addEventListener(“tick”,stage);<\/p>\n

\u540c\u6b65\u76d1\u6d4b\u66f4\u65b0\u5237\u65b0\u821e\u53f0<\/p>\n

var mc = new createjs.MovieClip(null,0,true,{start:50});<\/p>\n

\u521b\u5efaMovieClip<\/p>\n

stage.addChild(mc);<\/p>\n

\u6dfb\u52a0\u5230\u821e\u53f0<\/p>\n

var state1 = new createjs.Shape(new createjs.Graphics().beginFill(“#999999”).drawCircle(0,100,30));<\/p>\n

\u521b\u5efa\u56fe\u5f62\u5bb9\u5668\uff0c\u586b\u5145\u989c\u8272\uff0c\u7ed8\u5236\u5706\u5f62<\/p>\n

var state2 = new createjs.Shape(new createjs.Graphics().beginFill(“#555555”).drawCircle(0,100,30));<\/p>\n

\u521b\u5efa\u56fe\u5f62\u5bb9\u5668\uff0c\u586b\u5145\u989c\u8272\uff0c\u7ed8\u5236\u5706\u5f62<\/p>\n

mc.timeline.addTween(
\ncreatejs.Tween.get(state1).to({x:0})
\n.to({x:400},100)
\n.to({x:0},100)
\n);<\/p>\n

\u8fd0\u52a8\u8f68\u8ff91
\nmc.timeline.addTween(
\ncreatejs.Tween.get(state2).to({x:400})
\n.to({x:0},100)
\n.to({x:400},100)
\n);<\/p>\n

\u8fd0\u52a8\u8f68\u8ff92<\/p>\n

mc.gotoAndPlay(“start”);<\/p>\n

\u5f00\u59cb\u6267\u884c\uff0c<\/p>\n

\u6700\u540e\u7684\u6548\u679c\u5c31\u662f\u4e24\u4e2a\u7403\u4f53\u5728\u6307\u5b9a\u7684xy\u5750\u6807\u5185 \u76f8\u5bf9\u7684\u91cd\u590d\u5f00\u59cb\u8fd0\u52a8\uff0c<\/p>\n

\u4eca\u5929\u53c8\u662f\u4ee3\u7801\u6162\u6162\u7684\u4e00\u5929\uff0c\u5404\u4f4d\u8001\u54e5\u6211\u4eec\u4e0b\u6b21\u89c1 \uff1d\u3002\uff1d \u62dc\u62dc<\/p>\n","protected":false},"excerpt":{"rendered":"

\u535a\u4e3b\u8bb0\u5fc6\u529b\u603b\u4e0d\u597d\uff0c\u6700\u8fd1\u521a\u597d\u7528\u4e86\u4e00\u4e0bcreateJs\u6846\u67b6\uff0c\u6015\u4ee5\u540e\u4e00\u6bb5\u65f6\u95f4\u6ca1\u7528\u540e\u4f1a\u5fd8\u8bb0\uff0c\u6240\u4ee5\u5728\u6b64\u505a\u4e2a\u8bb0\u5f55\uff0c\u6216\u8bb8\u4ee5\u540e […]<\/p>\n","protected":false},"author":1,"featured_media":179,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[6],"tags":[27],"_links":{"self":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/189"}],"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=189"}],"version-history":[{"count":5,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/189\/revisions"}],"predecessor-version":[{"id":832,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/posts\/189\/revisions\/832"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=\/wp\/v2\/media\/179"}],"wp:attachment":[{"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=189"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.xrhoujie.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}