第二節:4D滑鼠
該執行個體實現的是,模仿4D滑鼠中鍵效果,當單擊滑鼠中鍵時,拖動滑鼠可以控制文本滾動,最終效果如圖2.1所示,要實現這一效果,具體步驟如下:
圖2.1 類比滑鼠中鍵效果
1.建立一影片,通過屬性面板設定其大小為400pxX300px(單位為象素)背景色為#CCCCCC。
2.建立一圖開元件“txt”,進入其編輯狀態,將預設圖層更名為“文本”,在工作區中輸入文本,可以任意輸入,不會影響效果。再建立一圖層“背景”,為“文本”製作一背景,使用矩形工具,並設定其填充色(本例為:99CCCC),效果如圖2.2所示:
圖2.2 製作“txt”元件
3.建立一影片剪輯“text to scroll”,將“txt”元件從庫中拖放到工作區中,選中時間軸視窗中的第125幀(如果希望滾動快一些可以少建幾幀)插入一主要畫面格,將“txt”元件垂直向上移動一段距離,選中第1幀,單擊滑鼠右鍵,建立補間動畫,並在該幀輸入如下ActionScrip指令碼:
stop();
//目的是有效控制文本的滾動
4.建立一按鈕元件“drag on off”,該按鈕元件的製作非常簡單,只需要在“彈起”幀中畫一無填充色的矩形,在“點擊”處畫一比“彈起”,幀矩形要大一些的矩形分別如圖2.3和2.4所示:
圖2.3矩形1
圖2.4矩形2
5.建立一影片剪輯“drag1”,在工作區中繪製如圖2.5所示的類似滑鼠中鍵點擊後的效果,並在第1幀中添加“stop();”以控制影片剪輯的播放。
圖2.5 滑鼠中鍵
6.建立一影片剪輯“up dn graphics”,在工作區中繪製如圖2.6所示的“滑鼠”圖案,在時間軸第2幀處插入一主要畫面格。分另為第1和第2主要畫面格添加指令碼“stop();”以控制影片的播放。
圖2.6繪製滑鼠
7.建立一影片剪輯“drag2”,其最終時間軸視窗如圖2.7所示:
圖2.7 “drag2”時間軸視窗
其詳細製作過程如下:
選中“black/arrow”圖層,在第2幀處插入一主要畫面格,從庫面板中將“up dn graphics”元件插入工作區中,取其執行個體名為“up”,以便為後面的程式控制。
選中“script”圖層分別為各幀添加如下代碼:
第1幀:
stop();
//控制影片剪輯的播放與否
第2幀:
centerY = getProperty("/load", _y);
arrowY = getProperty("/drag", _y);
if (Number(centerY) tellTarget ("/txt") {
nextFrame();
}
tellTarget ("ud") {
gotoAndStop(2);
}
}
centerY = getProperty("/load", _y);
arrowY = getProperty("/drag", _y);
if (Number(centerY)>Number(arrowY)) {
tellTarget ("/txt") {
prevFrame();
}
tellTarget ("ud") {
gotoAndStop(1);
}
}
第3幀:
gotoAndPlay(2);
//回到第幀,以使影片迴圈播放
8.返回主情境,將預設圖層更名為:“txt”,將“text to scroll”從庫面板中拖放工作區中,建立一執行個體並為其命名為“txt”;建立一遮罩層“text/mask”,在工作工中繪製一矩形,其填充色為黑色,以控制文本顯示為,效果如圖2.8所示:
圖2.8 建立遮罩效果
9.建立“button”圖層,在第1幀處將製作好的按鈕元件“drag on off”拖放到工作區中,並調整其位置並在第2幀處插入一主要畫面格;建立一“load/mc”,在第1幀處將製作好的影片剪輯“drag1”,拖放到工作區中,建立
執行個體“load”,同時為該主要畫面格添加如下ActionScript指令碼:
fscommand("allowscale", "false");
//” allowscale”指定 false,則設定播放器以始終按影片的原始大小繪製影片,從不進行縮放。指定 true,則強制影片縮放到播放器的 100%。
stop();
//控制影片的播放
10.建立一圖層“drag/mc”,將製作好的影片剪輯“drag2”拖放到工作區中建立執行個體,取其執行個體名為“drag”。
11.這樣整個滑鼠中鍵類比效果就製作完成,儲存作品,按“ctrl Enter”預覽最終效果。