怎樣用Flash CS4製作撲克牌切換效果
本例思路:
<1>創建實例背景。
<2>繪製牌的正面和反面並轉換為圖形元件。
<3>創建一個牌的容器,轉換為元件類“Card”,將正反面牌分別放置於第1、2幀。
<4>創建文檔類,控制撲克牌對象的rotationY屬性。
實例步驟:
(1)新建一個空白文檔,舞台大小設置為500*250,幀頻設置為120,繪製一個與舞台大小同樣大小的矩形,並填充放射狀漸變色,設置第一色標顏色為(R:0,G:246,B:93)Alpha: 100%,設置第二色標顏色為(R:0,G:131,B:49)Alpha: 100% ,設置第三色標顏色為(R:0,G:62,B:23)Alpha: 100% ,如下圖15-1所示。
圖15-1 繪製背景
(2)使用“漸變變形工具”進行調整高光位置和漸變分佈模式,如下圖15-2 所示。
圖15-2 漸變調整
(3)分別創建兩個圖形元件,命名為“back”和“9”。簡單繪製撲克牌“9”的正反面,註冊點在中心位置且大小必需相同,如下圖15- 3所示。
圖15-3 撲克牌正反面
(4)新建一個影片剪輯,命名為“Card” ,命名元件類名也為“Card”,如圖3-所示。將上面步驟中創建的撲克牌“9”的'正反面分別放置於第1、2幀處正中心位置,如下圖15-4所示。
圖15-4 創建“Card”對象
(5)創建文檔類Main類,如圖3-所示,首先創建一個牌的容器“container”,並將其放置於舞台中心位置,如構造函數第20到23行代碼所示,然後創建撲克牌容器對象並添加到容器“container”中,如第25、26行代碼所示,並將撲克牌容器對象停止播放(也就是停留在第1幀)、啟動按鈕模式和註冊偵聽器函數,如第27到29行代碼所示。
AS3代碼
package
{
import lay.*;
import ts.*;
import ner;
/**
* ...
* @author lbynet (Tools -> Custom Arguments...)
*/
public class Main extends Sprite {
private var container:Sprite;
private var pane:MovieClip;
private var isback:Boolean;
private var currentPlane:MovieClip;
private var currentRotationY:Number;
public function Main():void {
container = new Sprite();
container.x=eWidth/2;
container.y=eHeight/2;
addChild(container);
pane = new Card();
hild(pane);
();
onMode=true;
ventListener(K, onClick);
}
(6)當撲克牌容器對象被單擊時調用onClick偵聽器函數,為stage註冊事件偵聽來控制何時切換為正面或是反面,通過判斷變量isback 來重新設置被單擊撲克牌的rotationY屬性,如第36到44行代碼所示,在第38、42行代碼,通過Tweener 來切換撲克牌的rotationY值在0與-180度之間,如下原理圖15-5 所示。
AS3代碼
private function onClick(event:MouseEvent):void {
ventListener(R_FRAME, enterFrameHandler);
currentPlane = MovieClip(entTarget);
if (isback) {
ween(currentPlane, { rotationY:0,time:1 } );
//ween(currentPlane, { z:0,time:1 } );
} else {
ween(currentPlane, { rotationY:-180,time:1 } );
//ween(currentPlane, { z:-200,time:1 } );
}
isback = ! isback;
}
private function enterFrameHandler(event:Event):void {
currentRotationY = tionY;
if (currentRotationY >= -90 && currentRotationY <= 10) {
if (isback) {
AndStop(2);
} else {
AndStop(1);
}
veEventListener(R_FRAME, enterFrameHandler);
trace("已清除事件偵聽");
}
}
}
圖15-5 文檔類
(7) 當用户單擊撲克牌容器對象,在第34行代碼中註冊的偵聽器後,執行偵聽器函數enterFrameHandler ,並通過時時判斷撲克牌容器對象的rotationY的值來判斷撲克牌容器對象要切換跳轉到哪一幀,如第50到59行代碼所示,最後,清除無用的偵聽器,如第57行代碼所示。
(8)把onClick偵聽器函數中第39、43兩行代碼放開,發佈測試,當用户單擊撲克牌容器對象後,撲克牌切換翻轉並放大(其實際是對象的z軸值減小),如下圖3- 所示,當再次單擊後,撲克牌切換翻轉並縮小致原始狀態。
相關文章
-
如何使用Flash遮罩製作圖片切換特效
讓我們先看看效果:第一步、打開Flash新建1個圖層,用線條工具畫一條豎直線,放在相對舞台的左面,第30幀處插入關鍵幀。圖1第二步、點擊第30幀把豎直線拉到舞台右面。圖2第三步、點住任意一幀,在屬性裏面把補間改為形狀。圖3 -
簡單製作flash效果教程
在這個教程裏,三聯小編將和大家分享一下,如何應用一些簡單的方法,就可以做出一個非常酷的flash效果.1.在這裏我們只要新建一個actionscript 2.0文檔就行了.接下來我們新建一個300*360象素大小的文檔,幀頻為12fps.2.使 -
shockwave flash崩潰怎麼辦
如果叫四年級的你編一個童話故事,你會怎麼編?下面跟着本站小編來看看四年級同學怎麼編一個童話故事,希望能幫到大家! 編一個童話故事四年級:可貴的友誼在森林裏有一羣好朋友是小兔、小猴和小熊。有一天,小兔從動物園市 -
如何用Flash AS製作一個簡單的loading
這是一段實現進度和百分比的`AS代碼,製作一個進度條MC,取實例名為loading,再加入一個動態文本,取實例名為mytxt,變量值text,然後在時間軸的第一幀插入以下代碼:stop ();terFrame = function (){var _loc3 = ytesLoaded();var -
i recall with embarrassing clarity the flavor of those particular ashes ?
-
分層顯示效果flash製作圖片
方法/步驟啟動flash 8,新建一個大小為550*400,背景顏色為白色,幀頻為15fps的文檔。執行文件-導入-導入到庫命令,將事先準備好的1.jpg圖片到如庫中,庫中可以查看此文件,執行插入-新建元件命令,新建一個名稱為元件1的影片剪輯 -
Flash cs3仿真藝術設計之安全顏色面板的運用
我個人覺得師德是一種職業道德,它是教師和一切教育工作者在從事教育活動中必須遵守的道德規範和行為準則,以及與之相適應的道德觀念、情操和品質。下面由小編為大家蒐集的國中教師師德自我評價範文,歡迎大家借鑑!【國中 -
clothes什麼意思 clothes+clothing+dress等近義詞用法辨析
clothes【釋義】英 [kləʊez] 美 [kloʊez] n.服裝;衣服【變形】[ 複數 clothes ]【詞組短語】Real Clothes Real Clothes ; 리얼 클로즈 ; Real Clothes ; -
經濟英語報道 Pascal Lamy of France
Pascal Lamy of France is expected to start as director-general of the World Trade Organization on September first.?Mister Lamy became the choice of the organization last week after the last of three o -
用flash製作火苗教程
本例講解了使用AS代碼製作鼠標跟隨效果,讓火苗跟着你的鼠標呈現出美麗的圖形吧!效果演示:現在開始製作:新建flash文檔,背景色為黑色,其它默認。首先來畫火苗:新建圖形元件,取名為:“火苗”,用橢園工具無填充,畫一橢園,如圖:然後用