全Flash网站制作剖析(2)

　　以一个Loading文档为例，在场景里加入插入MC:

　　ifFrameLoaded ("end" ) {

　　gotoAndPlay("开始播放的地方");

　　}

　　3、文本导入

　　在我们制作全Flash网站的过程中经常碰到一定量的文字内容需要体现，文本的内容表现和上面介绍的流程是相同的，不同的地方体现最后的表现效果和处理手法还是有些不同。

　　方法一、文本图像法

　　假如文本内容不多，有希望将文本内容做的比较有动态效果，能够采用此法。将需要文本做成若干个Flash的元件，在相应的位置安排好。文本图像法的文档载入和上面介绍的处理手法比较类似，原理都差不多。具体动态效果就有待大家自己去考虑，这里就不多介绍。

　　方法二、直接导入法

　　文本导入法能够将单独的.txt文本文档，通过loadVariables导入到Flash文档内，修改时只需要修改txt文本内容就能够实现Flash相关文档的修改，很方便。

　　在文本框属性中配置Var:变量名（注意这个变量名）。

　　为文本框所在的帧添加ActionScript代码：

　　loadVariables("变量名.txt", "");

　　编写一个纯文本文档.txt（文档名随意），文本开头为“变量名=”，“＝”后面写上正式的文本内容。

　　三、实例制作剖析

　　一般制作流程：

　　网站结构规划―> Flash场景规划―>素材准备―>分别制作―>整体整合

　　1、本实例网站结构规划

　　网站栏目：News、About、E-mail、Gallery、Cartoon、Animation

　　子栏目About：Feiying is、Member、Relationship、Contact Us

　　

　　红线部分构成主场景（舞台），每个子栏目在首页里仅保留名称，属性为按钮。

　　蓝线部分内容为次场景（演员），能够将次场景内容做在一个文档内，同时也能够做成若干个单独文档，根据需要导入到主场景（舞台）内。

　　2、首页场景index.swf的制作

　　全Flash网站由主场景、子场景、次子场景……构成。

　　和制作html网站类似，一般我们会制作一个主场景index.swf，主要内容包括：长宽比例、背景、栏目导航按钮、网站名称等“首页”信息。最后发布成一个html文档，或自己做一个html页面，内容就是个表格，里面写上index.swf的嵌入代码即可。

　　主场景安排：

　　

　　蓝色线条部分为网站名称、版权等固定信息区，通常所在位置为Flash动画的边缘位置。

　　橙色线条内容为网站栏目导航按钮，通常也是固定在某个区域。按钮能够根据需要做成静态或动态效果，甚至能够做成一个包含MC变化的Button。

　　绿色线条部分为主场景导入子文档的演示区域。

　　在子文档的装载方面主要用到:LoadMovieNum、UnloadMovieNum两个控制函数，请参阅前文重要ActionScript代码控制。

　　这里我们以子栏目Cartoon的制作为例。主场景文档index中有一个按钮Cartoon，当我们点击Cartoon按钮时希望导入cartoon文档夹下的200208.swf文档。所以我们在场景内选择Cartoon按钮，添加Action代码：

　　on (release) {

　　loadMovieNum("cartoon/200208.swf", 1);

　　unloadMovieNum (2);

　　}

　　注意这里我们配置level为 1。

　　3、次场景200208.swf的制作

　　现在确定Cartoon子栏目需要导入的文档200208.swf，该文档计划包含5个子文档。所以200208.swf文档的界面只包含用于导入5个单独子文档的5个图像按钮和一个标题。

　　从图上大家能够看到，200208.swf文档包含5个属性为button的小图标，分别为Bu_2_frog01到Bu_2_frog05。我们需要的效果是：点击他们则分别导入相应文档200208_frog01.swf到200208_frog05.swf文档。

　　

　　我们在场景内选择Bu_2_frog01，为这个按钮添加ActionScript：

　　on (release) {

　　loadMovieNum("cartoon/200208_frog01.swf", 2);

　　}

　　点击Bu_2_frog02，为这个按钮添加ActionScript：

　　on (release) {

　　loadMovieNum("cartoon/200208_frog02.swf", 2);

　　}

　　……

　　依次将5个button分别配置好相对应的action以便调用相应的文档。

　　注意：这里我们配置level为2，是为了保留并区别主场景1而配置的导入的层次数，假如需要导入下一级的层数，则层数增加为3，依次类推。

　　4、二级次场景（200208_frog01～200208_frog05)制作

　　这里的二级次场景是和上级关联的内容，是本例中三级结构中的最后一级。该级主要为全Flash网站具体内容部分，能够是周详的图片、文字、动画内容。这里需要连接的是具体图片为内容，但同样需要做成和主场景比例同等的swf文档。例如：

　　

　　

　　该场景是最底层场景，为主体内容显示部分，具体动画效果大家能够根据需要做更深入。注意要在场景最后一帧处加入停止ActionScript代码:stop();这样能够停止场景动画的循环动作。

　　完整导入到主场景内的效果：

　　

　　

　　

　　5、About中的文本导入

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有