CreateJS 无法读取 属性 'Get' - TweenJS 演示
CreateJS Cannot Read Property 'Get' - TweenJS Demo
我正在尝试设置 Tween JS 的基本演示,但收到错误消息:Uncaught TypeError: Cannot read 属性 'get' of undefined
JS
function init() {
var stage = new createjs.Stage("demoCanvas");
var circle = new createjs.Shape();
circle.graphics.beginFill("Crimson").drawCircle(0, 0, 50);
circle.x = 100;
circle.y = 100;
stage.addChild(circle);
createjs.Tween.get(circle, {loop: true})
.to({x: 400}, 1000, createjs.Ease.getPowInOut(4))
.to({alpha: 0, y: 75}, 500, createjs.Ease.getPowInOut(2))
.to({alpha: 0, y: 125}, 100)
.to({alpha: 1, y: 100}, 500, createjs.Ease.getPowInOut(2))
.to({x: 100}, 800, createjs.Ease.getPowInOut(2));
createjs.Ticker.setFPS(60);
createjs.Ticker.addEventListener("tick", stage);
}
window.onload = function() {
init();
};
正如 Lanny 在评论中指出的那样,我的 TweenJS 脚本没有加载。它不包含在 EaselJS 中 - 请确保添加脚本以加载库。
<script src="https://code.createjs.com/tweenjs-0.6.2.min.js"></script>
我正在尝试设置 Tween JS 的基本演示,但收到错误消息:Uncaught TypeError: Cannot read 属性 'get' of undefined
JS
function init() {
var stage = new createjs.Stage("demoCanvas");
var circle = new createjs.Shape();
circle.graphics.beginFill("Crimson").drawCircle(0, 0, 50);
circle.x = 100;
circle.y = 100;
stage.addChild(circle);
createjs.Tween.get(circle, {loop: true})
.to({x: 400}, 1000, createjs.Ease.getPowInOut(4))
.to({alpha: 0, y: 75}, 500, createjs.Ease.getPowInOut(2))
.to({alpha: 0, y: 125}, 100)
.to({alpha: 1, y: 100}, 500, createjs.Ease.getPowInOut(2))
.to({x: 100}, 800, createjs.Ease.getPowInOut(2));
createjs.Ticker.setFPS(60);
createjs.Ticker.addEventListener("tick", stage);
}
window.onload = function() {
init();
};
正如 Lanny 在评论中指出的那样,我的 TweenJS 脚本没有加载。它不包含在 EaselJS 中 - 请确保添加脚本以加载库。
<script src="https://code.createjs.com/tweenjs-0.6.2.min.js"></script>