flash教程图片首尾连接循环滚动

2015-01-14 11:55 344 1 收藏

图老师网每天更新各种Flash小技巧,我们做的还不够,希望每天更新各种实用的小技巧教程给大家哟,今天小编给大家带来了一个简单又容易操作的Flash小窍门,喜欢的朋友们可以马上试试哦!

【 tulaoshi.com - flash 】

  要让几张图片循环滚动,最简的原理就是把连续图片再复制一份接到尾部,待第一张图片滚完之后被复制的接着滚动。原理图示如图7-5所示。

Flash几张图片首尾连接循环滚动

图 7-5 示意图

  不管是用AS控制还是利用帧手工制作都可以使用这个原理,示意图中,共有两张图片为“图片一”和“图片二”并将他复制一组。

  当第一组滚出显视区时,第二组正好接替进入了显视区回到我们第一帧的起始状态。如果用帧控制,只要直接跳回起始的第一帧就行了;如果是用AS程序控制,我们再把第一组的x轴位置重新设置接到第二组后面也一样可以构成图片循环滚动。

  知道了原理,我们开始做个循环滚动的图片吧。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

  (1).新建一个Flash文档,舞台大小设置为300*160px帧频30fps。再按“Ctrl+R”按光盘目录导入图片photo2.jpg。

  (2).选中我们导入的那张图片,按快捷键“F8”跳出“转化为元件对话框”输入任意元件名称,将图片转化为“影片剪辑”。再创建动作补间,让影片从舞台一直运动到滚出舞台,如图7-6所示。

Flash几张图片首尾连接循环滚动

图 7-6 第一组从舞台中直到滚出舞台区

  (3).第一组的滚动补间做好了,再做第二组的滚动图片才能构成一个循环。

  新建一个图层,把影片剪辑复制一份在新建的图层里第50帧处按“F7”插入空白关键帧,我们在这里插入第二组影片剪辑。再到“图层1”的最后按“F6”插入关键帧把影片剪辑的X轴设为0也就是把他位图设成第一帧的影片剪辑一样,也可以直接把第一帧复制到这里来。

  注意,创建第二组影片剪辑时,Y轴位图要一样,在播放时才不会抖动。在最后一帧里,第二组的X轴要和第一组起始时一样,否则切换图时也会抖动。调整好以后可以发布了,如图7-7所示。

Flash几张图片首尾连接循环滚动

图 7-7 发布连续滚动的图片

  依照这种原理,我们可以做一个图片走马灯的动画,如图7-8所示。

Flash几张图片首尾连接循环滚动

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/flash/)

图 7-8 制作图片走马灯效果

  使用图片连续滚动可以制作很多效果,这也是适用的小技巧,需要读者们发挥自己的想象。

走马灯动画效果如下所示。

Flash几张图片首尾连接循环滚动

来源:https://www.tulaoshi.com/n/20150114/129629.html

延伸阅读
本例为Flash AS3.0菜鸟学飞系列教程,在上一讲中我们学习了含有多个类的AS3类文件的写法,在这一讲中我们来学习帧循环的运用,希望能给初学Flash AS编程的朋友带来帮助~~ 学习AS3菜鸟起飞吧之帧循环 多帧循环 Flash中的帧在默认情况下是循环执行的,租用gotoAndPlay()函数可以实现简单的帧循环,而实现代码的重复执行。 gotoAndPlay()...
标签: flash教程
关于动画图片的循环,最主要的是遵循一个原则,就是第一个镜头画面要和最后一个镜头的画面一致。如图: 740)this.width=740" border=undefined>     见红色的框,红色框也是镜头的规格,在做循环的时候,只要将图片开头红色的取景图片拷贝到最后,保持着第一个取景的图片和最后一个取景的图片一样,循环就可以成立了!制作见下...
标签: FLASH flash教程
看效果: 那天在网上看到一个效果,感觉不错,今天晚上没事自己也模仿了一下。做得不好,希望大家不要见笑! ////// //椭圆短半轴 var H = 80; //椭圆长半轴 var W = 200; //定义弧度的增量n var n = 0; //定义椭圆的中心坐标 var cenX = Stage.width/2; var cenY...
每天制作的演示文稿都是千篇一律,你是不是已觉得枯燥乏味透顶了,一直想尝试着改变,想寻找着一种新的思路,新的展现方式,为了解决广大用户的需求,在本文将为大家详细介绍下怎样设计演示文稿才会更加有创意,你值得学习。这种新的思路就是在WPS演示中制作类似“胶卷循环播放”的效果,让一张张图片或照片在你眼前不停的循环滚动,...
标签: flash教程
本文由 中国 新生上路 原创,转载请保留此信息! 本系列Flash教程由中国Flash互助课堂专为Flash新手制作,更多教程和练习请 点击这里 ,在这里有系列的教程、练习,并有老师对练习进行点评与指导,欢迎朋友们的光临! 在学习中遇到问题请到 论坛 发贴交流! 更多相关教程:http://www.jcwcn.com/portal-topic-topicid-1.h...

经验教程

707

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部