正文

怎樣實現圖片循環滾動的拉洋片效果

(2012-04-19 15:24:21) 下一個

怎樣實現圖片循環滾動的拉洋片效果

作者:10pm

要讓Flash中的圖片循環滾動,向一個方向(不是先向左再向右),而且在圖片一個周期滾動完後接下一個循環時不能有圖片的突然切換,怎樣做呢?

最簡單的方法就是用同一組圖片在場景中建立兩個圖層,讓圖層一在顯示區內向左滑動,圖層二追著圖層一的尾巴,也向左滑動,圖層一又咬上圖層二的尾巴,向左滑動,直到到達圖層一最開始的起始位置為止,這樣就構成了一個循環。

值得注意的是,在導入圖片到圖層時,以及圖片滑動時,一定要保持Y軸位圖一致且恒定,在播放時才不會抖動。為了保證圖層在相互銜接時不會鬆動又不致追尾,最好采用計算的方法來確定關鍵幀的位置,而不是在時間軸上‘估摸’地設置關鍵幀,這樣能保持圖片的勻速滾動。

下麵以一個簡單的例子來說明。為方便敘述,並專注於圖層的銜接循環,我們把四個小圖片合成為一個圖片,尺寸為600x260,稱為‘組圖’。另一個圖片是作遮照顯示區用的,尺寸為360x260。

1)在場景中導入顯示區的圖並設置好遮照後,創建圖層P1,把組圖導入,左上角對齊,也就是位置為(0,0)。

2)組圖向左滑動,直到完全滑出顯示區。在時間軸100幀處插入關鍵幀,補間動畫。

3)創建圖層P2,在40幀處插入空白關鍵幀,把P2也向左拖出顯示區。

4)在圖層P2向左滑動結束時,換到圖層P1,把滑出場外的P1圖粘貼到此處。

5)把圖層P1的坐標改為(0,0)。

好了,兩個圖層的處理到此結束。看看效果吧!





[ 打印 ]
閱讀 ()評論 (2)
評論
10pm 回複 悄悄話 回複快樂的妞妞的評論:

哈哈,妞妞也走來教室了?歡迎!

一點心得,主要還是給自己留份備忘錄~~~

問好!
快樂的妞妞 回複 悄悄話 看到10點班長講課嘍,好漂亮,好有意思。

先向老師問好,忙完這陣子就坐下來認真學習!
登錄後才可評論.