买链接、卖链接
让您买链无忧、省心又省力

探索Flash动画设计技巧:打造独特网页动画效果

如何用Flash构建网页
现今我们在网络浏览中常遇到众多Flash网页,在构建Flash网页时,普遍采用调用其他SWF文件的方式,这样做有助于我们网页结构的清晰化,便于管理Flash网页,同时制作过程也较为简便,仿佛开发软件时采用模块化思维,便于开发,化繁为简。今天,我将具体介绍这一技巧。

展示动画效果:
点击此处下载打包源文件(共5个文件)

构建的基本理念:
我们构建的每个SWF都是一个独立的动画,各自拥有停顿的帧。当主影片加载后,自动加载第一个动画,第一个动画开始加载并设置中间停顿的帧。点击其他按钮时,加载其他动画,并在中间停顿。在此系统中,主要运用两个变量:midframe和_root.currMovie。

midframe是每个分动画第一帧首先设置的,即首先指明动画在哪一帧开始停顿。点击按钮时,首先告知当前帧,而必须运动之后才能调用分动画的midframe。当然,上述演示只是一个简单示例,在实际制作过程中可以制作得更为复杂。

_root.currMovie指的是当前帧,由_root创建,主要由主动画创建。

构建步骤:
1.创建四个按钮,分别命名为section1、section2、section3和section4。当然,在实际制作过程中,可以命名为main、about、work、contact等。
2.创建一个新的影片剪辑,命名为container,这个影片剪辑是空的!然后将其拖到舞台上。我们通过这个空的影片剪辑来调用其他SWF文件。这是一个关键点。创建后,将container放入一个图层中,然后新建一个图层,将刚才创建的四个按钮拖到该图层上,如图所示:
3.在舞台上选中刚才拖出的影片container,给它命名一个实例名称,这样我们才能通过代码调用它!如图:
4.选择第一个按钮,然后按F9打开动作面板,开始设置按钮的单击动作,输入如下代码:
on(release){
if(_root.currMovie== undefined){
_root.currMovie="section1";
container.loadMovie("section1.swf");
} else if(_root.currMovie!="section1"){
if(container._currentframe>= container.midframe){
_root.currMovie="section1";
container.play();
}
}
}
注意:如果你的分SWF制作的是main.swf,则改为如下代码:
on(release){
if(_root.currMovie== undefined){
_root.currMovie="main";
container.loadMovie("main.swf");
} else if(_root.currMovie!="main"){
if(container._currentframe>= container.midframe){
_root.currMovie="main";
container.play();
}
}
}
5.依照上述方法为其他三个按钮添加相应的动作脚本。
注意:要想制作出所示效果,必须将主文件和其他文件放在同一个目录下!
6.如果我们想使主动画加载时首先显示一个动画,则需要添加一个图层,然后给第一帧添加如下代码:
通用代码为:
_root.currMovie="your_first_section_name";
container.loadMovie(_root.currMovie+".swf");
在这里我们使用以下语句:
_root.currMovie="section1";
container.loadMovie(_root.currMovie+".swf");
7.下面简单介绍一下分动画的制作方法:
(1).创建一个简单的介绍动画,分为两个图层:一个动画图层,另一个是代码图层。制作动画时,要考虑到中间帧,如图:
(2).选择动画的中间帧,并记住它的帧数,然后在中间帧处输入动作:stop();如图:
(3).然后回到第一帧,设置动作为:
midframe=78;
(4).选择最后一帧设置如下动作脚本:
_root.container.loadMovie(_root.currMovie+".swf")
最后补充一点:因为我们是用Flash制作的网站,所以有时网速较慢,这时我们可以制作一个loading效果!即为每个分动画制作loading,方法非常简单,只是在前面添加2个帧!这时要注意midframe已经发生变化,注意修改即可!
第一帧的脚本为:
midframe=[yourupdatednumber];
bytes_loaded= Math.round(this.getBytesLoaded());
bytes_total= Math.round(this.getBytesTotal());
getPercent= bytes_loaded/bytes_total;
this.loadBar._width= getPercent100;
this.loadText= Math.round(getPercent
100)+"%";
if(bytes_loaded== bytes_total){
this.gotoAndPlay(3);
}
第二帧的脚本为:
this.GotoAndPlay(1);
Flash网站有哪些
Flash网站类型及概述
随着互联网技术的发展,许多网站采用了Flash技术来提供丰富的交互体验。以下是一些常见的Flash网站类型及其概述:

一、在线游戏网站
这类网站利用Flash技术制作了大量的在线小游戏,如网页游戏、益智游戏等。玩家无需下载游戏客户端,只需在网页上即可直接玩。例如:4399小游戏、QQ游戏大厅等。这些网站使用Flash技术,为用户带来了良好的互动性和流畅的游戏体验。

二、教育学习网站
一些教育学习网站也会采用Flash技术来制作课件、动画教程等。这种技术使得教学内容更加生动、有趣,提高学习者的兴趣和积极性。如幼教资源网、学科网等,都采用了Flash技术来丰富教学内容和形式。

三、多媒体展示网站
这类网站主要展示各种多媒体内容,如视频、音频、动画等。腾讯动漫、优酷视频等都是典型的Flash多媒体展示网站。它们利用Flash技术提供流畅的播放体验,丰富的视觉效果和交互功能。

这类网站主要呈现各式多媒体素材,诸如视频、音频、动画等。腾讯动漫、优酷视频等均属典型以Flash技术呈现多媒体内容的网站。它们借助Flash技术,提供顺畅的播放感受,绚烂的视觉效果以及互动功能。

四、娱乐互动社区平台
部分娱乐互动社区平台,例如音乐、舞蹈、交友等类型,亦会采纳Flash技术。以酷狗音乐网为例,其众多页面布局与动态效果均融入了Flash技术,为用户带来丰富的视觉体验和便捷的交互感受。此外,一些在线交友平台亦会运用Flash技术,提升用户的互动感受。此类网站能充分运用Flash技术的优势,构建丰富的互动功能和个性化的用户体验。这些网站借助Flash技术实现了各式动态效果和交互功能,使用户在网站上能够体验到更多的娱乐和社交乐趣。以上为常见运用Flash技术的网站类型及其概述。随着科技的进步,仍有众多其他网站广泛采用Flash技术。

以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。链接买卖平台 » 探索Flash动画设计技巧:打造独特网页动画效果

分享到: 生成海报