createjs--MovieClip_createjs movieclip-优快云博客

本文链接：https://blog.youkuaiyun.com/shuishou1000/article/details/122232759

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script>
    <script src="lib/tweenjs-0.5.1.min.js" charset="utf-8"></script>
    <script src="lib/movieclip-0.7.1.min.js" charset="utf-8"></script>
  </head>
  <body onload="init()">
    <canvas id="canvas" width="300" height="300"></canvas>
  </body>
  <script type="text/javascript">
  var stage
  function init(){
    stage=new createjs.Stage("canvas")
    start()
    createjs.Ticker.addEventListener("tick",tickHandler)
    createjs.Ticker.setFPS(60)
  }
  function start(){
  var mc=new createjs.MovieClip(null,0,true,{start:50,stop:0})
  stage.addChild(mc)

  var state1=new createjs.Shape(
      new createjs.Graphics().beginFill("red").drawCircle(0,100,50)
      )
  var state2=new createjs.Shape(
      new createjs.Graphics().beginFill("green").drawCircle(0,100,50)
      )
  mc.timeline.addTween(createjs.Tween.get(state1).to({x:0}).to({x:400},100).to({x:0},100))
  mc.timeline.addTween(createjs.Tween.get(state2).to({x:400}).to({x:0},100).to({x:400},100))
  mc.gotoAndPlay("start")
  }
function tickHandler(e){
  stage.update()
}
  </script>
</html>