日本a在线观看_久久久三区_久久99精品久久久久久国产越南_在线观看中文字幕av_国产精品久久久久久久久久东京_a免费视频

PS設計教程網歡迎你!

Flash AS3教程:創建好看的遮罩動畫效果(2)

文章來源于 中國教程網論壇,感謝作者 cao4811 給我們帶來經精彩的文章!
設計教程/設計教程/Flash教程2010-01-28
這是一個遮罩動畫效果教程,學習用代碼制作遮罩動畫。 演示: 1、準備一張圖片。 2、新建一個500*300的Flash文件。(設置寬、高同圖片大小) 3、導入圖片到庫中。 4、從庫中把圖片拖到舞臺上,左對齊,上對齊。 5、

這是一個遮罩動畫效果教程,學習用代碼制作遮罩動畫。

演示:

1、準備一張圖片。

2、新建一個500*300的Flash文件。(設置寬、高同圖片大小)

3、導入圖片到庫中。

4、從庫中把圖片拖到舞臺上,左對齊,上對齊。

5、右鍵點擊圖片,轉換成影片剪輯。元件名:“cityMC”。圖1:
Flash AS3教程:創建好看的遮罩動畫效果
6、在屬性面板中輸入實例名稱:“cityMC”。圖2:
Flash AS3教程:創建好看的遮罩動畫效果
7、鎖定圖層1,添加圖層2。用圓角矩形工具在舞臺上任意位置、任意顏色、畫一個圓角為10的40*40的矩形。圖3:
Flash AS3教程:創建好看的遮罩動畫效果
8、把圓角矩形轉換成影片剪輯,名稱為“maskMC”,注冊點居中。圖4:
Flash AS3教程:創建好看的遮罩動畫效果
9、刪除舞臺上的圓角矩形。打開庫右鍵單擊maskMC影片剪輯,選屬性作類鏈接,類名:“MaskRectangle” 圖5:
Flash AS3教程:創建好看的遮罩動畫效果
10、把圖層2改為as,輸入代碼:



//We need these classes for the animation

import fl.transitions.Tween;

import fl.transitions.easing.*;



//These are the mask rectangle’s width and height

var boxWidth:Number = 40;

var boxHeight:Number = 40;



//We want nine rows and 14 columns to make the animation look nice

var rows:Number = 9;

var columns:Number = 14;



//We will add the rectangle’s into an array (we need this array in the animation)

var rectangles:Array = new Array();



//We add the tweens into an array so they don’t get carbage collected

var tweens:Array = new Array();



//This container will hold all the mask rectangles

var container:Sprite = new Sprite();



//Add the container onto the stage

addChild(container);



//Set the container to be the image’s mask

cityMC.mask = container;



//Loop through the rows

for (var i=0; i < rows; i++) {



        //Loop through the columns

        for (var j=0; j < columns; j++) {



                //Create a new mask rectangle

                var maskRectangle:MaskRectangle = new MaskRectangle();



                //Position the mask rectangle

                maskRectangle.x = j * boxWidth;

                maskRectangle.y = i * boxWidth;



                //Set the scaleX to be 0, so the rectangle will not be visible

                maskRectangle.scaleX = 0;



                //Add the rectangle onto the container

                container.addChild(maskRectangle);



                //Add the mask rectangle to the rectangles array

                rectangles.push(maskRectangle);

        }

}



//Create and start a timer.

//This timer is called as many times as there are rectangles on the stage.

var timer = new Timer(35,rectangles.length);

timer.addEventListener(TimerEvent.TIMER, animateMask);

timer.start();



//This function is called every 0.035 seconds

function animateMask(e:Event):void {



        //Save the rectangle to a local variable

        var rectangle = rectangles[timer.currentCount - 1];



        //Tween the scaleX of the rectangle

        var scaleTween:Tween = new Tween(rectangle,"scaleX",Regular.easeOut,0,1,1,true);

        tweens.push(scaleTween);



}

11、完工,測試影片。

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: 久久久久久免费 | 毛片118极品美女写真 | 国产午夜三级一区二区三桃花影视 | 亚洲精品成人18久久久久 | 国产免费一级淫片a级中文 99国产精品自拍 | 黄色av网站在线观看 | 国产91丝袜在线熟 | 成熟女人特级毛片www免费 | 国产美女视频一区二区三区 | 久久男人视频 | 性少妇freeseⅹbbwhd | 国内精品伊人久久久久网站 | 久久精品亚洲一区 | 综合网日日天干夜夜久久 | 沉沦的校花奴性郑依婷c到失禁 | 久久国产成人精品国产成人亚洲 | 国产亚洲黑人性受xxxx精品 | 日韩一级片黄色 | 久久精品一二三区白丝高潮 | 久久精品无码一区二区日韩av | 午夜精品福利视频 | 午夜亚洲影院 | 成人免费av在线 | 毛片一区二区三区四区 | 欧美一级α | 国产成人精品免高潮在线观看 | 麻豆传传媒久久久爱 | 色视频在线观看 | 99精品在线视频观看 | 亚洲成人在线免费 | 国产精品av久久久久久久久久 | 中文字幕免费播放 | 一区二区国产在线 | 毛片免费在线视频 | 欧美一级片一区 | 日日噜噜噜夜夜狠狠久久蜜桃 | 欧美成人免费在线视频 | 国产成人精品一区在线播放 | 日韩精品久久久久久久电影99爱 | 精品国产99久久久久久宅男i | 91网站在线观看视频 |