下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

简单分析FlashWeb的过渡动画层

作者:课课家教育     来源: http://www.kokojia.com点击数:1022发布时间: 2018-02-25 08:00:34

标签: FlashJQ动画动画

想学设计?来看看大师是如何完成作品的?

  flash是一种动画创作与应用程序开发于一身的创作软件,是由macromedia公司推出的交互式矢量图和web动画的标准,由Adobe公司收购。在这一篇教程里面,小编主要和大家简单的介绍一下:简单分析FlashWeb的过渡动画层。

  想必不需要小编多说,大家都应该知道在早期的Flashweb大多数都含有丰富的过渡动画,有的还会给每一个子栏目的过渡也添加了绚丽的动画效果。总的来说,动画层能够直接分为下面这三种,如下所示:开场动画、点缀动画以及栏目过渡动画。

简单分析FlashWeb的过渡动画层_Flash_JQ动画_动画_课课家

  一、开场动画

  首先小编要为大家介绍的是开场动画。开场动画时间一般情况下都是比较长的,反映在时间轴上就是好长好复杂的一段帧结构。第一帧一般情况下是loading画面,最后一帧一般情况下是网站的主框架。在这里的话,就会存在一个究竟怎样安排帧的问题。

  小编记得以前见有朋友在论坛上面发帖说Flashweb最好不要分场景,其实就小编个人认为他的说法相对来说还是比较片面的,对于没有一些过渡动画的Flashweb来讲的话,完全能够直接这么做,可是对于大量过渡动画的Flashweb就另当别论。假如说大家不分场景的话,就必然会造成代码以及动画混杂在一起。而一般情况下来讲的话,控制网站主要功能的代码都在过渡动画之后的帧上,在后续的代码编写过程里面,大家每一次可能都需要把时间轴拉到几百甚至是上千帧之后,这样子的话小编个人认为也是非常的麻烦。

  所以小编的建议就是:把过渡动画做在一个场景里面,接下来复制过渡动画最后一帧的网站框架帧到第二个场景里面,主要的功能代码也都将集中在这一个场景,这样子的话就可以非常有效的把动画以及代码这两者之间进行了分离,编写代码的时候时间轴看上去也会舒服一些哦。

  当然啦,还有一种比较常见的做法,具体的操作步骤如下所示:给过渡动画加上一个skip按钮,假如说浏览者使用鼠标点击了这一个按钮,马上就会loadMovieNum(main.swf,0)进一个新的main.swf,而这一个main.swf就网站的主框架了。事实上,这一种做法与前一种非常的类似,只不过它把动画以及主框架从分在两个场景变成了分在两个SWF,而且还可以让浏览者自己选择是不是观看过渡动画,有更加大的灵活性。

  二、栏目过渡动画

  接下来小编就为大家介绍一下栏目过渡动画吧。栏目过渡动画主要指的就是大家点击一个导航按钮打开一个新的栏目的时候所显示的一段动画,在这里小编还拿最新版龙城闪客作为示范例子演示给大家看,它在打开一个新的子栏目的时候会先把上一个栏目变成非常多的小方块,接下来飞到左边的神秘空间里面,在这个时候又从神秘空间里发出一道神秘的光线,并且在这一道光线的沐浴里面出现新栏目的加载画面。小编没有破解过最新版的龙城闪客,所以并不知道他到底是怎么安排这一个动画的,但是小编也有自己的想法。假如说这一个过渡动画是集成到主框架的,那么过渡动画里面最好是不要写任何的编程代码,而是在主场景里面通过侦测过渡动画的当前帧以及总帧数来确定到底什么时候加载子栏目SWF;假如说每一个子栏目的过渡动画效果不一样的话,那么最好就是将每一个子栏目SWF处理成一个独立的网站,它的结构应该遵循在“开场动画”里面提到的规则。

  三、点缀动画

  最后的点缀动画,其实小编也没有什么好说的,大家仅仅只需要将它想象成在html网页里面起美化作用的GIF动画就好了。当然拉,小编想说的是它比GIF动画更加的生动,使用也更加的灵活,还可以具有交互性哦。

  总而言之,小编的主要思想就是尽量把动画以及代码这两者都分开,以便自己以后方便查找以及修改相关的编程代码,同一时间还可以保证网站结构工整哦。

  小编总结:

  Flash广泛用于创建吸引人的应用程序,它们包含丰富的视频、声音、图形和动画,网页设计者使用Flash创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。希望通过本文,大家对于FlashWeb的了解更近一步哟。

赞(16)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程