[H5动画制作系列]单字母播放技术汇总-基础能力训练

一个简单的需求:

通过Animate CC,完成单个字母“ A”、“B”、“C”、“D“、“E”的五帧顺序播放、或者“ A”、“B”、“C”、“D“、“E”的五帧逆序播放:“ E”、“D”、“C”、“B“、“A”、或者“ A”、“C”、“E”、“B“、“D”五帧间隔顺序播放

方法1:

通过逐帧动画完成单个字母“ A”、“B”、“C”、“D“、“E”的五帧顺序播放,下图所示:

方法2:

通过单帧代码完成五帧字母顺序播放:

参考代码:

createjs.Ticker.addEventListener('tick', printChar);
var _this = this;
var c = "A";
var myText = new createjs.Text(c, "bold 88px 微软雅黑", "#ff0000");
myText.x = 60;
myText.y = 60;
var i = 0;
stage.addChildAt(myText,i);
var asciiCode = c.charCodeAt(0);
stage.update();
function printChar() {
	stage.removeChildAt(0);	
	asciiCode = asciiCode + 1;
	c = String.fromCharCode(asciiCode);
	myText .text=c;
	stage.addChild(myText);	
	if (i >= 4)
		i = 0;
	if (asciiCode >= 69)