登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

秋思梦景博客

秋紅相思 梦幻佳景

 
 
 

日志

 
 

帧上加载外部swf作品的制作原理与方法  

2016-10-07 08:47:23|  分类: fl教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

帧上加载外部swf作品的制作原理与方法

 

   

    教学目的:通过本节教学了解和掌握运用按钮及其指令语句和在时间轴帧上加载外部swf作品,通过巧妙的设计和精心创作,进而实现flash作品的汇集演示。

  教学对象:本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板、as语句和相关界面有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:加载swf,按钮,as语句。

 

 

  作前准备

    准备12个你已上传的、最好是相同规格(550*400)的swf作品绝对地址。放到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,背景颜色深绿,其它默认,点击确定,进入场景1。 如图1所示:

 帧上加载外部swf作品的制作原理与方法 - 秋思梦景 - 秋思梦景的博客 

图1

    3.创建按钮元件

    选择“插入-新建元件”,创建一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第4帧(点击),用矩形工具在舞台拖一个规格、颜色随意的,无边线的矩形,全居中。如图2所示:

帧上加载外部swf作品的制作原理与方法 - 秋思梦景 - 秋思梦景的博客

图2

    4.编辑制作场景

    返回场景1,添加两个图层,共三个图层。自下而上命名为按钮、文本、as。

    (1)选择按钮图层第一帧,从库中拖出“隐钮”按钮元件到舞台,规格改为275*400,右对齐-上对齐。如图3所示:

帧上加载外部swf作品的制作原理与方法 - 秋思梦景 - 秋思梦景的博客 

图3

点击该实例,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (press) {
        i<n ? i++ : i=1;
        gotoAndStop(i);
    }

再从库中拖出一个“隐钮”按钮元件到舞台,规格改为275*400,左对齐-上对齐。如图4所示:

帧上加载外部swf作品的制作原理与方法 - 秋思梦景 - 秋思梦景的博客 

图4

点击该实例,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (press) {
        i>1 ? i-- : i=n;
        gotoAndStop(i);
    }

在第13帧插入帧,上锁。

    (2)选择文本图层第一帧,用文本工具在舞台输入作品的题目和相关内容,字体、规格、颜色自定,调整好位置。如图5所示:

帧上加载外部swf作品的制作原理与方法 - 秋思梦景 - 秋思梦景的博客 

图5

在第2帧插入空白关键帧,再在第13帧插入帧,上锁。

    (3)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

stop();
    i = 1;
    n = 13;
  

在第2帧插入空白关键帧,点击该帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

stop();
loadMovieNum("
/Article/UploadFiles/201203/2012030717000422.swf", 5);

*红色部分为你准备好的第一个swf作品绝地地址。

右键第2帧-复制帧,在分别依次右键第3-13帧-粘贴帧(亦可用鼠标将第3-13帧刮黑,右键刮黑处-转换为关键帧)。然后,依次打开第3-13帧的动作面板,将语句中的swf地址换成你准备好的第2-12个swf作品的地址。上锁。

    5.本作业完成后时间轴显示如图6所示:

       帧上加载外部swf作品的制作原理与方法 - 秋思梦景 - 秋思梦景的博客          

图6

  6.测试存盘

 

    *说明:

    1.根据此原理方法,你在制作中swf作品可以无限添加 ,且该作品不会加大。

    2.教程中右侧的按钮为进一欣赏作品,左侧的按钮为退一欣赏作品,并可无限循环。 

    3.场景第1帧语句中的 n = 13; 数字13为你加载的作品数+1。如果加载30个作品,那么就是 n = 31; 如果加载50个作品,那么就是 n = 51; 以此类推。

 

最终效果显示:

http://www.hsb2011.com/Article/UploadFiles/201203/2012031012491479.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

  评论这张
 
阅读(68)| 评论(2)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018