gpt4 book ai didi

javascript - 使用 CreateJS 创建简单的补间文本

转载 作者:行者123 更新时间:2023-11-28 19:30:42 26 4
gpt4 key购买 nike

我已经开始学习如何使用CreateJS。我正在尝试制作一个简单的文本补间。所以我有这个代码:

<script src="http://code.createjs.com/createjs-2013.12.12.min.js"></script>

<script>
function init() {
var c = createjs;
var stage = new c.Stage("myCanvas");

var txt = new c.Text("Hola!", "bold 16px Arial");
txt.alpha = 0.2;
stage.addChild(txt);
c.Tween.get(txt)
.to({alpha:1}, 1500)
.to({text:"Ciao!"}, 800)
.to({rotation:360, text:"Hello"}, 1300)
.to({y:380}, 2000, c.Ease.bounceOut)
.wait(1000)
.call(alert, ["Done animating!"], window);

stage.update();
}
</script>
</head>
<body onLoad="init();">
<canvas id="myCanvas" width="300" height="400">Canvas not supported</canvas>
</body>

我在 Canvas 上看到我的文本,它的 alpha 0.2,它甚至最后弹出警报,但我在 Canvas 上看不到任何 Action 。我做错了什么?

最佳答案

stage.update();需要重复调​​用才能正确渲染动画,最常见的方法是在每个tick上调用它。

createjs.Ticker.addEventListener("tick", function() {
stage.update();
});

将其添加到您的代码中,然后它应该可以正常工作。

关于javascript - 使用 CreateJS 创建简单的补间文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26865500/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com