animate cc 2019制作手机端动画

先看效果

http://www.83dms.cn/xx/fk1.html

flash动画时代已经过去了,移动端如何展示动画有什么解决方案呢?

他来了他来了,animate cc 2019可以完美解决。

下面是教程:

一、新建HTML5  canvas 文档(因为浏览器已经不再支持flashplayer了)保存,命名为fk1.fla。

二、插入,新建元件,在元件1中做一段变色的动画,这个对于有一点flash经验的人来说,很容易

三、ctrl+L打开库,给元件一个链接名“fk”。这个很重要

四、返回场景,按F9,输入输入代码

for(var i=1;i<=10;i++){
    for(var j=1;j<=10;j++){
var mbmc = "mc"+10*i+j;
var mbmc2 = "mmcc"+10*i+j;
var mbmc = new lib.fk();
var mbmc2 = new lib.hk();
this.addChild(mbmc);
this.addChild(mbmc2);
mbmc.x=50*j;
mbmc2.x=50*j;
mbmc.y=50*i;
mbmc2.y=50*i;
mbmc.gotoAndPlay(10*i+j-10)
}
}
五,发布
发布之后,你就可以得到一个images文件夹,和一个html和一个js文件,打开html就能看到效果了
如果要把文件发布到自己的网站上去,记得把一个夹子和两个文件都传上去就可以了
这是我传到网站的地址
http://www.83dms.cn/xx/fk1.html
还可以是这样的动画效果
 
 

 
添加日期: 2021/6/2   浏览量: 1453   来源: 本站整理    

上一篇:没有上一篇了
下一篇:手绘动画-百安思保温杯|爬闪数媒
    ddd / 2022/9/20 19:11:30
    dd