EaselJS与TweenJS和MovieClip

时间:2013-11-22 16:51:59

标签: javascript easeljs bower createjs

我遇到了错误:未捕获的TypeError:尝试包含movieclip-0.7.0.js时,无法调用未定义的方法'installPlugin'。我的html中有以下内容:

<script src="bower_components/easeljs/lib/easeljs-0.7.0.min.js"></script>
<script src="bower_components/tweenjs/build/tween.min.js"></script>
<script src="bower_components/easeljs/lib/movieclip-0.7.0.min.js"></script>

tween.min.js是版本0.5.0(我安装了bower但由于某种原因,bower [r1,r2,... r12]中的标签与github上的标签不匹配[release_v0.1,release_v0 .2.0,... release_v0.5.0]但我不认为这是一个问题,只是值得注意的事情)

我重新排序了这些文件,看看是不是问题,但那里没有运气。有什么建议吗?此外,当我在这里时,我还可以询问是否有任何示例或教程,任何人都知道动画线被绘制?这是我认为我可以通过movieclip和补间来完成的。性质的东西:

createjs.Ticker.setFPS 30
createjs.Ticker.addEventListener 'tick', data.self.handleTick
labels =
  start: 0
mc = new createjs.MovieClip null, 0, false, labels
data.stage.addChild mc
steps = [
  data.objects.firstLine.graphics.ss('#000').mt(10, 10).lt 11, 10
]
mc.timeline.addTween(
  createjs.Tween.get(steps[0]).to {width: 100}, 1000
)
mc.goToAndPlay labels.start

现在我仔细观察了这里的补间演示:http://www.createjs.com/#!/TweenJS/demos/tweenSample看起来像这样的任务可能不需要MovieClip我也认为我通过凉亭得到的Tween.js的版本不是我该用什么:\我是bower的新手,这只是凉亭的问题还是为凉亭设置TweenJS?不确定这一切是如何运作的。对于这个答案没有必要,但如果你想要打破这个奖励积分。我试过通过bower抓住其他版本,但它们似乎都不像我通过克隆回购获得的版本一样。例如,从凉亭我看到一个像这样的目录结构:

tweenjs/
  /src/
    Tween.js

在回购中看起来像:

tweenjs/
  /src/
    CSSPlugin.js
    Ease.js
    MotionGuidePlugin.js
    SamplePlugin.js
    Timeline.js
    Tween.js
    version.js

因此,repo中还有更多内容,而且来自bower的Tween.js没有像repo中那样的createjs名称空间,即this.createjs = this.createjs||{};

任何想法都表示赞赏。我为这样一个有问题的问题道歉。

1 个答案:

答案 0 :(得分:0)

关闭这个,因为我发现我不需要使用movieclip来完成我需要的东西。虽然我会提到凉亭组件问题但是当标签不匹配时,我应该对我更加明显。这个网址说明了一切。 :P(提示:在凉亭注册表中有多个“tweenjs”)

http://sindresorhus.com/bower-components/#!/search/tweenjs