动画创作家园  动画人最专业的动画理论网站。
高级搜索
维爱迪-动画创作家园 >> 动画资源 >> 设计思考:Flash Web的四层结构浅析

设计思考:Flash Web的四层结构浅析

维爱迪-动画创作家园 出处:视觉中国 作者: 日期:2008-2-14 11:37:22 3D MAX 动画制作教程 | 推荐下载:原动画基础教程 | 动画片《大闹天宫》文学剧本 | Photoshop入门与进阶实例

设计思考:Flash Web过渡动画层浅析

 

早期的Flash web大都含有丰富的过渡动画,有的还给每个子栏目的过渡也添加了绚丽的动画效果。总的来说动画层可以分为三种:

 

  1 开场动画

  2 栏目过渡动画

  3 点缀动画

  先来谈谈开场动画。开场动画时间一般比较长,反映在时间轴上就是好长好复杂的一段帧结构。第一帧一般是loading画面,最后一帧一般是网站的主框架。这里就存在一个如何安排帧的问题。记得以前见有人在说说上发帖说Flash web最好不要分场景,其实他的说法是片面的,对于没有过渡动画的Flash web来说,完全可以这么做,可对于大量过渡动画的Flash web就另当别论。如果你不分场景,必然造成代码和动画混杂在一起。而一般来说,控制网站主要功能的代码都在过渡动画之后的帧上,在后续的代码编写过程中,你每次可能都要把时间轴拉到几百甚至是上千帧之后,这也非常的麻烦。笔者的建议是:把过渡动画做在一个场景中,然后复制过渡动画最后一帧的网站框架帧到第二个场景中,主要的功能代码也都将集中在这个场景,这样就有效的把动画和代码进行了分离,编写代码时时间轴看上去也舒服些。还有一种比较常见的做法是,给过渡动画加上一个skip按钮,如果浏览者点击了这个按钮,马上就会loadMovieNum(main.swf,0)进一个新的main.swf,而这个main.swf就网站的主框架了。这种做法与前一种其实类似,只不过它把动画和主框架从分在两个场景变成了分在两个SWF,而且还能让浏览者自己选择是否观看过渡动画,有更大的灵活性。

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

  点缀动画没什么好说的,你把它想象成在HTML网页中起美化作用的GIF动画就好了,当然它比GIF动画更生动,使用也更灵活,还可以具有交互性。

  总之我的主要思想就是尽量把动画和代码分开,以便自己以后方便查找和修改代码。同时保证网站结构工整。

第一页上一页12345下一页尾页
责任编辑: brahma 参与评论 H网电影院 超爽动漫 电影 | 推荐下载:原动画基础教程 | 动画片《大闹天宫》文学剧本 | 超低价图书
复制本文地址给好友 -
相关文章
英国将首次举办“创意中国”设计展[02-14]
3DSOM Pro 2.1|3d Flash 网页新方案[02-14]
Mr. Egg鸡蛋表情图标设计赏[02-05]
希腊设计机构designersunited平面设计[02-05]
Bamboo视觉艺术设计大赛[01-30]
日本Mikio Inose图标设计欣赏[01-26]
最新文章
组图:《星球大战:克隆战争》确定8月15日上映[02-14]
日本年度最强动画片《翡翠森林狼与羊》[02-14]
蓝猫失败:撒网式授权的无奈[02-14]
波兰插画家Wrotki迷幻死亡插画欣赏[02-14]
《长江七号》内有乾坤 电影细节逐一揭秘(组图)[02-14]
《长江七号》幕后花絮揭秘:五个飞碟 五车垃圾[02-14]
关于我们|联系我们|免责声明|版权声明|创作说说(旧版)|标志大全|友情链接
动画创作家园QQ群①:2444514(满) QQ群②:15363563(满) QQ群③:48533909(满) QQ群④:44832229 (满) QQ群⑤:43100861 (满) QQ群⑥: 48773990 最佳分辨率 1024×768
维爱迪动画创作家园 冀ICP备19004920号-4
如果您感觉动画创作家园不错,别忘了告诉您的朋友哦,朋友会感谢您的^_^