浅谈flash web的结构

《浅谈flash web的结构》由会员分享，可在线阅读，更多相关《浅谈flash web的结构（17页珍藏版）》请在金锄头文库上搜索。

1、浅谈浅谈 flash web 的结构的结构第 1 ：引言 记得我刚接触 FLASH 那会儿，应该是 FLASH6 末期吧，国内的 flash web 还是很少的，牛 X 的更是屈指可数，而且这个时候所谓的牛 X，一般都是指效果很酷，技术强的基本没有。其实这是必然，国内早期的 flash web 开发者大都是由 FLASH 动画制作者或是网页设计师转变而来。他们非常热衷于片头和过渡效果，为此不惜牺牲浏览者的等待时间并吃掉浏览者的 CPU。这就是为什么现在好多人一谈起 flash web 就觉得它体积大，效率低的根源了。当然如果是真对个人网站，这也无可厚非，个人网站信息量小，大多都是一次性浏览的网

2、站，酷眩的效果可以让人过目不忘，尤其是在那个年代，还能让人耳目一新，这是普通 HTML 网页所不能企及的。印象中最深刻的应该是那款绿色版的龙城闪客，黑客帝国似的特效和动画把我彻底征服。 可是后来 MM 公司对 FLASH 的连续两次升级都把重点放在了 AS 上，AS 内置类快速膨胀，功能急速扩展，AS2.0 更是趋向标准的面向对象语言。这时候一大批程序员又被吸引进来了，尤其是那些有 C 或者 JAVA 背景的牛人们。可惜的是，他们总喜欢用程序员的思维去评判 flash web，他们甚至用软件开发的标准去往 flash web 开发上硬套。结果是必然的，他们失望了，可这时候大部分人不是从自己找原

3、因，他们非常武断的就把责任推给了 FLASH：“flash web 结构混乱，基于时间轴的 AS 写法奇怪，flash web 不适合大规模的商业应用开发！”。就这样 flash web的前途被宣判了死刑。 由于上述 flash web 在中国的特殊发展历程，造成现在一个非常有意思的现象：很多以前动画很牛的前辈们，都去职业搞动画片制作了，并为 FLASH 动画的产业化和商业化勇敢探索着，有些已经取得了辉煌成就；而 FLASH7 之后进来的程序牛人们，直接从事 FLASH 游戏开发和 FLASH RIA 应用开发了，他们更习惯基于事件的编程和面向对象的开发模式，时间轴对他们的意义已经不再重要。这

4、样以来 flash web 开发成为一个中间断档带，也是人才最稀缺的地带。很多目前从事 flash web 开发的人员应该都是从 HTML 网页制作人员简单学了一些 FLASH 后过渡过来的，他们即非动画高手也非程序高手，更多的是网页设计高手。然而这些设计高手又总爱拿 FLASH 跟 PS 比，结果 flash web 开发又没得到好的口碑。flash web 现在只好和一群半道出家的非专业人士一起沦落在 FLASH 业内的最底层呜呼悲哉！ 好在还有火山和像火山一样的少部分理想主义者，并不是把钱当做全部人生追求。至少我现在还是天真的坚持：我要为我的爱好而活，然后用我的爱好赚一点吃饭的钱就可以了

5、，反正我短期内是绝对不会为了赚更多的钱而改变自己的目标的！我从最开始学习 FLASH 就是以做网站为目的，这两年多来，我所学的一切都是以 flash web 开发和应用为核心，我几乎尝试了所有常见的 flash web 结构形式，我时时刻刻的都在考虑如何在保存 FLASH 优势的情况下，又能开发出有实际应用价值的高效率的商业作品，最终将 flash web 开发模式化，快速化。 那么 flash web 的优势在那里呢？对于展示性的网站，当然是 FLASH酷眩的效果，这点已经被大多数人所共识。但对于包含大量信息，需要经常更新的 flash web，它的最大优势就不再可能是效果，因为 flash

6、 的效率实在不敢恭维，大量的效果会影响人们对信息的查询效率，现在网络带宽也不容乐观，大量的动画必将造成 SWF 体积膨胀，影响浏览速度。那么大中型信息类 flash web 的优势到底是什么呢？在火山看来，最大优势只有两点而已，一是界面布局灵活，二是数据的无刷新更新。还记得我们以前在 DW 中拉表格的痛苦吗？还会为了网站布局工整写一堆 CSS和 JS 吗？还用得着每次更新数据就打开一个新页面吗？flash web 的两大优势使这些历史的痛苦都成为了过去。而且，这两点如果处理恰当的话，就已经足够给普通的浏览者带来全新的用户体验了。 我的爱好是 flash web 开发，而这块儿又是人才断档地带，

7、正好适合我这种程序和设计两边都不靠的人生存，天时地利人和，看来 flash web开发对我来说真的是天命所归，我还有什么道理不继续坚持下去呢！但毕竟我这两年来一直也都是处在学习和探索阶段，还不是真正的理论研究阶段，两年时间太短了！我的很多想法和理论还很不成熟，甚至是幼稚的。我现在拿出来和大家分享，不求说服谁或者证明什么，只求能给后来人一些启发，同时自己也好好总结一下。下面就粗浅的谈谈我目前对 flash web 尤其是 flash web 结构的认识吧。 第 2：flash web 结构概述 打开 68design 这类酷站收藏站，我们不难发现现在的 flash web 真是百花齐放、百家争鸣

8、。形形色色、奇奇怪怪的 flash web 使人应接不暇、扑朔迷离。自由灵活是 flash web 的生命力所在，但这也正 flash web 商业化的主要瓶颈之一。商业最看重的是效率，而无规则便无效率可言。那么 flash web 是不是真的就一点规律都没有呢？非也！纵观现在所有的flash web（FLASH RIA 应用程序除外，比如 FLASH 涂鸦板、地图等等），不管它们技术怎么牛，效果怎么酷眩，都不能逃脱以下四层结构： 1、动画层（Movie） 2、背景层（Background） 3、数据显示层（Display） 4、数据层（Data） 这些概念其实都不新颖，看到这些我自创的名词，

9、一些有经验的开发者们肯定立刻都能猜出一二来。但由于这些概念以前并没有权威的提法，至少我没见过，为了以后论述方便，我今天在这里正式恬不知耻的给这种结构起个名字：火山 FLASHWEB 四层结构式，或者火山 MBDD 结构式，以下简称 MBDD 式。如果由于我的孤陋寡闻导致和某些官方或者前辈的提法相似的话，我在这里提前说声：如有雷同纯熟巧合：） 我以下的所有讨论都将紧紧围绕这四层结构进行，因为在我看来，flash web 的灵魂就是它的结构，一个 flash web 的技术含量不是看它某些特效多眩，更不是看这个 WEB 中有个什么新颖的、牛 X 的技术应用，关键是要看它通过什么手段有效的把各种元素

10、统一起来的！如果你曾经试图想把 flash web 做大的话，我相信你在这方面的体会肯定不会比火山少。 最后我要提前说明的一点是，MBDD 式是对所有 flash web 的概述，很多 flash web 根据其功能不同可能缺失其中某些层，下面我会仔细讲解。 至于 flash web 涉及的其它方面，我都略过，毕竟我这篇是总结性的文章，不是教程。flash web 也不是我一篇文章就能写全面的。 第 3：浅谈过渡动画层 早期的 flash web 大都含有丰富的过渡动画，比较典型的是：龙城闪客和梵天。最新版的龙城闪客还给每个子栏目的过渡也添加了绚丽的动画效果。总的来说动画层可以分为三种： 1、

11、开场动画 2、栏目过渡动画 3、点缀动画 先来谈谈开场动画。开场动画时间一般比较长，反映在时间轴上就是好长好复杂的一段帧结构。第一帧一般是 loading 画面，最后一帧一般是网站的主框架。这里就存在一个如何安排帧的问题。记得以前见有人在论坛上发帖说 flash web 最好不要分场景，其实他的说法是片面的，对于没有过渡动画的 flash web 来说，完全可以这么做，可对于大量过渡动画的 flash web 就另当别论。如果你不分场景，必然造成代码和动画混杂在一起。而一般来说，控制网站主要功能的代码都在过渡动画之后的帧上，在后续的代码编写过程中，你每次可能都要把时间轴拉到几百甚至是上千帧之后

12、，这也非常的麻烦。火山的建议是：把过渡动画做在一个场景中，然后复制过渡动画最后一帧的网站框架帧到第二个场景中，主要的功能代码也都将集中在这个场景，这样就有效的把动画和代码进行了分离，编写代码时时间轴看上去也舒服些。还有一种比较常见的做法是，给过渡动画加上一个 skip 按钮，如果浏览者点击了这个按钮，马上就会 loadMovieNum(main.swf,0)进一个新的 main.swf，而这个 main.swf 就网站的主框架了。这种做法与前一种其实类似，只不过它把动画和主框架从分在两个场景变成了分在两个 SWF，而且还能让浏览者自己选择是否观看过渡动画，有更大的灵活性。 再来谈谈栏目过渡动画

13、。栏目过渡动画主要指在你点击一个导航按钮打开一个新的栏目时所显示的一段动画，还拿最新版龙城闪客举例，它在打开一个新的子栏目时会先把上一个栏目变成很多小方块，然后飞到左边的神秘空间中，这时又从神秘空间里发出一道神秘的光线，并在这道光线的沐浴中出现新栏目的加载画面。我没有破解过最新版的龙城闪客，不知道他到底是怎么安排这个动画的，但我有自己的想法。如果这个过渡动画是集成到主框架的，那过渡动画中最好不要写代码，而是在主场景中通过侦测过渡动画的当前帧和总帧数来确定何时加载子栏目 SWF；如果每个子栏目的过渡动画效果不同，那最好把每个子栏目 SWF 处理成一个独立的网站，其结构应该遵循在“开场动画”中提到

14、的规则。 点缀动画没什么好说的，你把它想象成在 HTML 网页中起美化作用的 GIF 动画就好了，当然它比 GIF 动画更生动，使用也更灵活，还可以具有交互性。 总之我的主要思想就是尽量把动画和代码分开，以便自己以后方便查找和修改代码。同时保证网站结构工整。 第 4：浅谈背景层 背景层，顾名思义就是网站的背景，看上去很容易理解也很简单，其实它蕴涵着很多知识和技巧，如果处理不善，将直接影响 flash web 的用户体验。 我在这里把背景层分为以下三种模式： 1、FLASH 模式 2、PS 模式 3、混合模式 FLASH 模式：所谓 FLASH 模式，就是直接在 FLASH 中完成网站主体框架的

15、绘制，并利用 FLASH 完成框架修饰内容的填充。这种模式比较适合界面简单，色彩单一，高效实用的 flash web。它充分利用简单矢量图形体积小的优势，同样一个画面，它的体积将比位图小很多。所以这样的网站如果处理恰当的话，完全可以比同种样式的常规 HTML 网页体积更小。同时由于它直接在 FLASH 中绘制，非常便于修改以及同其它层结合。 PS 模式：这种模式我们可以和传统的网页制作进行类比。传统网页都是先用 PS 绘制界面，然后切片导出为网页，再在 DW 中进行编辑。flash web 开发一样可以采用这一流程，利用 PS 强大的位图处理功能弥补 FLASH 绘图方面的不足。但是在切图的时

16、候，它和 HTML 网页切图思想不同，在 flash web 中经常要把动画因素和各元件之间的遮挡关系考虑进去，所以我一般都是把每个栏目切成一个 JPG 位图，涉及动画和层级关系的元素则独立导出为 PNG 透明图象。这样虽然方便了在 FLASH 中的后期制作，但造成网站体积会一定程度的加大。为了优化下载和用户体验，我们可以利用 FLASH 流媒体的特性，把体积较小或者独立性比较好的栏目放在开始的帧先显示出来，相互联系紧密的主功能栏目放中间，体积较大独立性也较好的栏目放最后显示。当然不要忘记用一个 loading条时刻提醒浏览者各栏目加载状态，不至于使他们失去继续看下去的信心。这种模式一般适合网站各栏目独立性较好，网站色彩丰富且含有大量动画效果，元件层级复杂的网站。另外，在我写这篇文章的时候，从黑羽那里得到消息，最新版的 FLASH 真的可以支持 PSD 了，而且还能保留原始图层，再加上以后网速越来越快，PS 模式在将来很有可能会大行其道。 混合模式：混合模式就是综合利用 PHOTOSHOP 和 FLASH，取长补短，相得益彰。先用 PS 设计好网站背景图，并把内容显示部分留空，就像