动画制作实验报告.docx
《动画制作实验报告.docx》由会员分享,可在线阅读,更多相关《动画制作实验报告.docx(23页珍藏版)》请在冰豆网上搜索。
![动画制作实验报告.docx](https://file1.bdocx.com/fileroot1/2022-11/17/e593298d-28ba-4101-bd6e-f3b55bbd7353/e593298d-28ba-4101-bd6e-f3b55bbd73531.gif)
动画制作实验报告
2011—2012学年第一学期
实验报告
专业:
____教育技术_____
课程:
__Flash动画制作____
学号:
__**********___
姓名:
___欧阳蓉_____
教师:
___刘娟_____
分数:
__________
湖南师范大学教育科学学院
动画制作实验报告
实验一Flash基础动画制作
一、实验目的
1.了解动画基本概念和原理。
2.了解Flash软件界面。
3.了解全部工具,掌握工具的使用。
4.熟练运用Flash制作简单动画。
二、实验要求
1.结合课堂讲授内容阅读实验指导,明确实验目的和要求。
2.分清实验具体步骤,听从辅导老师的安排。
3.详细如实地记录实验过程、结果和心得,按时写出实验报告(打印稿和word源文件),上交实验作品(flash源文件和swf影片)。
4.爱护实验器材,保持环境整洁、安静。
三、实验器材
1.实验所用计算机
2.Windows操作系统。
3.Flash软件。
4.实验所用动画素材。
四、实验步骤
第一步:
FLASH简介与界面认识
第二步:
FLASH工具的应用
第三步:
文本的使用
第四步:
元件与库的使用
第五步:
图层的应用
第六步:
逐帧动画的使用
第七步:
形状补间动画的使用
第八步:
运动补间动画的使用
第九步:
色彩补间动画的使用
第九步:
引导线动画的使用
五、思考题
1.Flash动画应用在哪些领域以及时代特征?
2.动画中是如何表现人物行走运动?
六、实验的重点、难点及操作要点
1、重点、难点:
形状补间动画、运动补间动画、引导线动画。
2、操作要点如下:
第一步:
运用逐帧动画创建蝴蝶的影片剪辑(如图1-1)。
图1-1
第二步:
新建一个图层,并改名为“background”,将准备好的背景图片放入相应的帧中。
如图
第三步:
在这个图层上,运用色彩补间动画创建颜色变化的栅栏动画(如图1-2)。
图1-2
第四步:
新建一个图层line,运用形状补间动画、色彩补间动画,创建一个线段由短变长的形状补间且颜色也发生变换的补间。
(如图1-3)。
图1-3
第五步:
新建另一个图层line2,实现同样的动画,并且让line1与line2的动画同步,line2的坐标在line1坐标的上方五个像素。
如图。
第六步:
新建一个图层“Text”,在30幀的位置开始插入空白关键帧,写上“不要给陌生人开门”,创建文字由小变大并且位置由line1的下方上升到line2的上方的运动补间。
第七步:
新建一个图层,同样在30幀的位置开始插入空白关键帧,在line2的线段上方画一个长方框,长度大于活等于line的最大值。
然后将该图层改成遮罩层。
第七步:
新建一个图层,在60幀的位置开始插入空白关键帧,写上制作者姓名“designby****”。
运用色彩补间动画创建颜色变化的栅栏动画。
(改变透明度)
第八步:
新建一个图层“as”,写上控制语句stop(),以便播放动画播放到70帧
是画面会定格。
实验二Flash交互动画制作
一、实验目的
1.了解ActionScript2.0编程语言。
2.掌握动作面板及面板内ActionScript指令的运用。
3.熟练运用Flash中常用的ActionScript语言脚本,制作交互动画。
二、实验要求
1.结合课堂讲授内容阅读实验指导,明确实验目的和要求。
2.分清实验具体步骤,听从辅导老师的安排。
3.详细如实地记录实验过程、结果和心得,按时写出实验报告(打印稿和word源文件),上交实验作品、语言脚本(flash源文件和swf影片)。
4.爱护实验器材,保持环境整洁、安静。
三、实验器材
1.实验所用计算机
2.Windows操作系统。
3.Flash软件。
4.实验所用动画素材。
四、实验步骤
第一步:
动作面板的应用
第一步:
ActionScript的基本语法及规则
第二步:
鼠标事件
第三步:
影片剪辑事件
第四步:
按纽的制作及应用
第五步:
电子相册的制作
第六步:
滑动菜单的制作
第七步:
动态网站制作
第八步:
游戏制作
五、思考题
1.如何编写“棒子、老虎、鸡、虫”游戏的脚本?
2.如何制作FLASH课程教学网站?
六、实验的重点、难点及操作要点
1、重点、难点:
形状补间动画、运动补间动画、引导线动画、遮罩层动画的使用。
2、操作要点如下:
控制外部影片
步骤:
1、制作一个有几帧动画的影片文件,保存名为.swf。
2、制作一个主影片文件,保存路径与上面文件相同,名为index.swf。
3、在主影片文件中,场景上放四个按钮,实例名分别为:
bf_btn、tz_btn、sb_btn、db_btn。
4、在主影片的帧上写如下代码:
//申明一些变量
varnum:
int=1;
varldr:
Loader=newLoader();
varurl:
String="1.swf";
vardizhi:
URLRequest=newURLRequest(url);
varyp:
MovieClip=newMovieClip();
//载入外部影片
ldr.load(dizhi);
addChild(ldr);
//载入完成时添加监听事件
ldr.contentLoaderInfo.addEventListener(Event.COMPLETE,wc);
functionwc(e:
Event):
void{
yp=e.target.content;
yp.addEventListener(Event.ENTER_FRAME,yx);
}
//按钮属性设置
bf_btn.visible=false;
tz_btn.visible=true;
bf_btn.x=tz_btn.x;
bf_btn.y=tz_btn.y;
//播放
bf_btn.addEventListener(MouseEvent.CLICK,bf);
functionbf(e:
MouseEvent):
void{
e.target.visible=false;
tz_btn.visible=true;
yp.addEventListener(Event.ENTER_FRAME,yx);
}
//停止
tz_btn.addEventListener(MouseEvent.CLICK,tz);
functiontz(e:
MouseEvent):
void{
e.target.visible=false;
bf_btn.visible=true;
yp.removeEventListener(Event.ENTER_FRAME,yx);
}
//顺播
sb_btn.addEventListener(MouseEvent.CLICK,sb);
functionsb(e:
MouseEvent):
void{
bf_btn.visible=false;
tz_btn.visible=true;
yp.addEventListener(Event.ENTER_FRAME,yx);
num=1;
}
//倒放
db_btn.addEventListener(MouseEvent.CLICK,db);
functiondb(e:
MouseEvent):
void{
bf_btn.visible=false;
tz_btn.visible=true;
yp.addEventListener(Event.ENTER_FRAME,yx);
num=-1;
}
//外部影片运行函数
functionyx(e:
Event):
void{
yp.gotoAndStop(yp.currentFrame+num);
if(e.target.currentFrame.==e.target.totalFrames){
yp.removeEventListener(Event.ENTER_FRAME,yx);
bf_btn.visible=true;
tz_btn.visible=false;
num=-1
}if(e.target.currentFrame.==1){
yp.removeEventListener(Event.ENTER_FRAME,yx);
bf_btn.visible=true;
tz_btn.visible=false;
num=1
}
}
3、填色小游戏的制作:
//第一帧中先添加停止。
。
。
stop();
//初始化mycolor。
var mycolor;
//隐藏鼠标。
Mouse.hide();
//将鼠标换成制作好的影片剪辑。
startDrag("_root.xiguan", true);
btn_1.onPress = function() {
//定义新的COLOR类。
以下同意。
mycolor = 0xF7F7F7;
xiguan_color = new Color(xiguan.yanliao);
xiguan_color.setRGB(0xF7F7F7);
};
btn_2.onPress = function() {
mycolor = 0x4BBA01;
xiguan_color = new Color(xiguan.yanliao);
xiguan_color.setRGB(0x4BBA01);
};
xiguan_color = new Color(xiguan.yanliao);
xiguan_color.setRGB(0xB152F1);
};
btn_7.onPress = function() {
mycolor = 0xFF3300;
xiguan_color = new Color(xiguan.yanliao);
xiguan_color.setRGB(0xB152F1);
};
btn_7.onPress = function() {
mycolor = 0xFF3300;
xiguan_color = new Color(xiguan.yanliao);
xiguan_color.setRGB(0xFF3300);
};
btn_8.onPress = function() {
mycolor = 0xFF5FD9;
xiguan_color = new Color(xiguan.yanliao);
xiguan_color.setRGB(0xFF5FD9);
};
btn_9.onPress = function() {
mycolor = 0x8751010;
xiguan_color = new Color(xiguan.yanliao);
xiguan_color.setRGB(0x875101);
};
btn_10.onPress = function() {
mycolor = 0x404040;
xiguan_color = new Color(xiguan.yanliao);
xiguan_color.setRGB(0x404040);
};
var i;
//将场景中的影片剪辑的新COLOR定义。
。
。
for (i=1; i<=1