先看效果
http://www.0471sq.com/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就能看到效果了
如果要把文件發布到自己的網站上去,記得把一個夾子和兩個文件都傳上去就可以了
這是我傳到網站的地址
還可以是這樣的動畫效果