全flash动画网站实现的基础教学

《全flash动画网站实现的基础教学》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、本人是设计出身，对语言根本不在行，但是做flash站没有一点as基础，什么效果也出不来，经过一段时间的摸索，和若干业务的锻炼，现在积累了一点经验，不敢独享，把这些真正由实战中得来的东西送给和我一样对程序不在行设计师以及新手朋友。老鸟们请飘过。在开始之前，我想说，做出一个优秀的flash站的重要前提是什么？我认为首先是对美的理解再次是用户界面的合理性，曾经见过很多朋友做过的全站，充斥着各种动态效果以及技术模块，但是效果却不尽如人意，看起来很有土洋结合的味道，同时也看过很多国外的源文件，我发现里面用到的技术并非非常复杂的as程序。连我

2、都可以轻易看懂。但是无论是界面配色以及动态效果都非常的不错。可以说一个flash站是否有视觉冲击力是它价值的首要体现，而缺乏基本的美术功底，做出来的东西就必然缺乏美观。所以我认为，任何软件或者技术都是为了实现目的而服务的，在我们努力学习as语言的同时，也应该不断的加强自己的艺术修养，而这个对美判断的能力显然需要比学任何计算机语言都要付出更多的时间去积累和沉淀。否则就算熟透as3，驾驭了air。我们同样永远也做不出优秀的作品，在文章末尾，再继续探讨。好的，这里开始一、flash网站的基本布局一般来说，这个结构是我最常用的flash全

3、站结构，在flash中，我会根据不同的页面元素进行分类，然后分布在各个层中，并且起上相应的名字，便于操作，在源文件中建议养成良好的命名习惯，通常一个全站在成型之前，这个文件，我们会对他操作n次，所以为了提高工作效率以及方便日后调用，良好的结构非常重要。如上图所示，as脚本层放置在最上方，页面中的所有元素都根据实际的深度排列到相应的层中。bg也就是页面背景放置在最下方。    1：通常影片的场景大小，我设置成16001200，以适应各种显示器分辨率，帧率设置成30，根据需要也可以进行调整。关于在浏览器中适应浏览的问题，我放到最后说明

4、。这里先放下。    2：loading通常放在第一帧，而且除了背景以外，并不安排其他元素在第一帧内，这样可以保证第一帧的数据量很小。便于loading动画的正确显示。    3：每个大型的深层次mc，以及经常需要切换到内部的mc，比如页面的mc，导航部分的mc，等等，我通常会在场景外做一个入口，也就是一个色块，因为有的mc并非在内部的第一帧就有内容，在外层的时候他是空白的，所以为了便于操作，在内部的第一帧建立一个色块，便于随时双击进入操作。    4：不要把所有的动画和内容都安排在主时间轴里，这样的操作会让你在以后的施工中非常的

5、难于调整，甚至无法增添内容。我认为，应该把内容分成大类，然后相应的做成原件，根据内容的树状结构，相应的安排mc的嵌套。然后在各个时间轴里，用写在某个位置的as来控制各个时间轴的衔接。    比如mc1和mc2都是内部有非常复杂动画的mc，我们要mc1动画完毕后开始mc2，这时候就不要把两个mc的内部动画放在一个时间轴内，最好是分别mc1,mc2各一帧，同时在mc1内部的最后一帧上写_parent.gotoandplay(mc2所在的帧)。二、loading的制作关于loading的制作，网上有的是教程，我只用一个最常用的做法，曾经

6、很多教程上介绍如果做一个精妙的loading云云，我从来都没有深究，这段代码，我在无数个老外的源文件中都看到，连其中没有使用的进度显示文本代码都一样。。呵呵。。我的每个全站作品都是用的这个，loading原件通常安排在主时间轴上，内部的动画一定要打包成mc，呵呵，这个loading的内部动画安排成100帧，形式可以随意。只要是个100帧的动画就可以了。三：有关于按钮其实flash站80%的功能都是基于鼠标事件来完成的，所以按钮在网站中的地位不言而喻，在我理解一个flash全站无非就是通过一些按钮的导向来播放不同位置的mc。按钮有两

7、种方式可以实现。一种是按钮元件，一种是影片剪辑元件，这两个原件中。按钮只有4帧，而影片剪辑没有限制，所以如果需要一个有动画效果的按钮的时候，我们就只能用影片剪辑也就是mc来实现。事实上，我认为，mc在大部分时间里都可以替代按钮，通过脚本控制mc来实现按钮的功能要比按钮灵活的多。这是一个最通常的动画按钮的内部结构：新手提示：这里需要提示的是关于帧标签的概念：上图中时间轴里标注的s1与s2是帧标签，在帧的属性栏里可以输入，使用了帧标签可以用gotoAndPlay等等语句来播放该真标签所开始的位置，过了该帧标签的范围后，不会停止哦~~。

8、用帧标签的好处是你无需理会关键桢的数值，在任何地方播放这段动画，都可以含义明了的操作，并且容易解读和记忆。在这个按钮mc所在的帧上（上图的外层）写上如下脚本，这个按钮就生效了。btn1.onRollOver=function(){btn1.goto