EaselJS 与 TweenJS 与 MovieClip答案

【问题标题】：EaselJS with TweenJS with MovieClipEaselJS 与 TweenJS 与 MovieClip
【发布时间】：2013-12-07 15:33:53
【问题描述】：

我遇到了错误：Uncaught TypeError: Cannot call method 'installPlugin' of undefined 在尝试包含movieclip-0.7.0.js 时。我的 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] 但我觉得这不是问题，只是值得注意）

我已重新排序文件以查看是否是问题所在，但没有运气。这里有什么建议吗？另外，当我在这里时，我还可以问一下是否有任何人知道关于绘制动画线的示例或教程？这就是我认为我可以通过影片剪辑和补间完成的。符合以下性质的东西：

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，而且我还认为我通过 bower 获得的 Tween.js 版本不是我想要的应该使用。 :\ 我是凉亭的新手，这只是凉亭的问题还是凉亭的 TweenJS 设置？不知道这一切是如何运作的。这个答案不是必需的，但如果你想打破它，可以加分。我尝试通过 bower 获取其他版本，但它们似乎都与我通过克隆 repo 获得的版本相同。例如，从 bower 我看到了这样的目录结构：

tweenjs/
  /src/
    Tween.js

在 repo 中它看起来像：

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||{};

感谢任何想法。对于这样一个加载的问题，我深表歉意。

【问题讨论】：

标签： javascript easeljs bower createjs

【解决方案1】：

关闭它，因为我发现我不需要movieclip 来完成我需要的。虽然我会提到当标签不匹配时我遇到的凉亭组件问题对我来说应该更明显。这个网址说明了一切。 :P（提示：bower 注册表中不止一个“tweenjs”）

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

【讨论】：