正文

怎样实现图片循环滚动的拉洋片效果

(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点班长讲课喽,好漂亮,好有意思。

先向老师问好,忙完这阵子就坐下来认真学习!
登录后才可评论.