实验四计算机动画制作 、实验目的 1.通过实验加深对动画原理的理解 2.熟悉 Flash MX的基本使用方法。 3.具备制作简单动画的初步能力。 、实验环境 1.高档微机:MPC 2.操作系统: Windows XP中文版 3.动画软件: Flash mx中文版 实验内容 1.创建基本动画 读者可参照43.5节来制作模仿写字过程、球的运动和探照灯效果。 2.旋转的地球 新建一个 Flash文件。然后选择[修改/影片]菜单命令,在弹出的[影片属性]对话框中, 设置场景区为300×250,背景颜色为黑色,其它选项不变。 在时间轴上单击第1层第1帧,导入事先准备好的地球图片 earth. bmp,并命名该图层 为“地球”,如图E4-1所示。 时间轴 凸口 101520 地球 HA 回「1「12.0fs 图E4-1时间轴和地球图片 单击地球层的第24帧并右击,在弹出的快捷菜单中选择[插入关键帧]命令。选择地球 图片并向左移动一段距离,打开属性面板并在[中间选项中设置为“移动”。 在时间轴上单击[插入图层]按钮,将新层名改为[遮罩]。单击遮罩层的第1帧,在绘图 工具箱单击椭圆工具,选择无边框描绘颜色,绘制一个适当大小的正圆,并将其放到刚制作 完成的动画上。单击遮罩层的第24帧并右击,然后选择[插入关键帧]菜单命令。再单击遮 罩图层并右击选择[遮罩层]命令,这是只有在圆的区域内才能显示地球图层的内容。从窗口] 菜单选择[工具栏控制器]菜单命令,单击控制器中的[播放]按钮即可观察到模拟地球表面结 构的旋转效果,如图E42所示
实验四 计算机动画制作 一、实验目的 1.通过实验加深对动画原理的理解。 2.熟悉 Flash MX 的基本使用方法。 3.具备制作简单动画的初步能力。 二、实验环境 1.高档微机：MPC。 2.操作系统：Windows XP 中文版。 3.动画软件：Flash MX 中文版。 三、实验内容 1.创建基本动画 读者可参照 4.3.5 节来制作模仿写字过程、球的运动和探照灯效果。 2.旋转的地球 新建一个 Flash 文件。然后选择[修改/影片]菜单命令，在弹出的[影片属性]对话框中， 设置场景区为 300×250，背景颜色为黑色，其它选项不变。 在时间轴上单击第 1 层第 1 帧，导入事先准备好的地球图片 earth.bmp，并命名该图层 为“地球”，如图 E4-1 所示。 图 E4-1 时间轴和地球图片 单击[地球]层的第 24 帧并右击，在弹出的快捷菜单中选择[插入关键帧]命令。选择地球 图片并向左移动一段距离，打开属性面板并在[中间]选项中设置为“移动”。 在时间轴上单击[插入图层]按钮，将新层名改为[遮罩]。单击遮罩层的第 1 帧，在绘图 工具箱单击椭圆工具，选择无边框描绘颜色，绘制一个适当大小的正圆，并将其放到刚制作 完成的动画上。单击遮罩层的第 24 帧并右击，然后选择[插入关键帧]菜单命令。再单击遮 罩图层并右击选择[遮罩层]命令，这是只有在圆的区域内才能显示地球图层的内容。从[窗口] 菜单选择[工具栏/控制器]菜单命令，单击控制器中的[播放]按钮即可观察到模拟地球表面结 构的旋转效果，如图 E4-2 所示
时间轴 凸口151015202 必遮罩 罗地球·a口 它 12.0￡ 图E4-2旋转的地球 3.交互式动画(创建相册) 新建一个 Flash文件,选择修改影片]命令,调出[影片属性]对话框,将场景工作区设 置为400×300。然后选择工具箱中的矩形工具,在场景中绘制一个跟场景一样大小的矩形 在调色板中设置线性渐变的颜色方式,从左到右分别为淡绿色到绿色。单击工具箱中的油漆 桶工具,在矩形上单击以填充色块。 将图层1重命名为 background。选捅插入/新建元件]命令,调出[创建新元件]对话框 在[名称]文本框中输λ gray area,然后在[作用]中选择影片剪辑],单缸[确定]按钮,并转换 到符号编辑窗口。单击工具箱的矩形工具,在场景中绘制一个比场景小一点的矩形,并设置 为灰色的填充方式。选捅编辑/编辑影片]命令,返回到场景编辑区。选择[窗口库]命令,将 影片符号 gray area拖曳到场景的工作区域中。 在相册中切换相片时要作成一种淡入淡出的效果,所以需要再放一个没有填充色块的矩 形,然后可以利用as语句来控制它的透明度,从而达到淡入淡出的效果。单击图层控制区 中添加层的图标按钮,新建一个图层,并命名为 Layer2。从图库中将影片符号 gray area拖 曳到场景的工作区中,叠放在原来 gray area影片符号实例的上方。为了在后面可以用as语 句对其进行控制,需要给上面的这个矩形命名,通过对应的属性设置,设置其实例名 如图E4-3所示。 square 署:185.9X:585 H:127.0Y:677 图E4-3属性设置 下面需要给相册添加控制按钮,这里通过从窗口/共享库/ Bottons中选取两个按钮,摆 放到场景的合适位置,这两个按钮是用来前后翻动相册的,所以最好按钮上带有方向箭头, 且分别在属性面板中给两个按钮命名,即左边的按钮命名为BACK,右边的按钮命名为 NEXT。 制作一个显示相片数的文本框。在背景图像上输入“现在显示的是第张”,然后添 加输入文本“1”,并通过对应的属性设置面板对文本框的属性进行设置,设置其变量名为 Input等,如图E4-4所示
图 E4-2 旋转的地球 3.交互式动画(创建相册) 新建一个 Flash 文件，选择[修改/影片]命令，调出[影片属性]对话框，将场景工作区设 置为 400×300。然后选择工具箱中的矩形工具，在场景中绘制一个跟场景一样大小的矩形。 在调色板中设置线性渐变的颜色方式，从左到右分别为淡绿色到绿色。单击工具箱中的油漆 桶工具，在矩形上单击以填充色块。 将图层 1 重命名为 background。选择[插入/新建元件]命令，调出[创建新元件]对话框， 在[名称]文本框中输入 gray area，然后在[作用]中选择[影片剪辑]，单击[确定]按钮，并转换 到符号编辑窗口。单击工具箱的矩形工具，在场景中绘制一个比场景小一点的矩形，并设置 为灰色的填充方式。选择[编辑/编辑影片]命令，返回到场景编辑区。选择[窗口/库]命令，将 影片符号 gray area 拖曳到场景的工作区域中。 在相册中切换相片时要作成一种淡入淡出的效果，所以需要再放一个没有填充色块的矩 形，然后可以利用 as 语句来控制它的透明度，从而达到淡入淡出的效果。单击图层控制区 中添加层的图标按钮，新建一个图层，并命名为 Layer2。从图库中将影片符号 gray area 拖 曳到场景的工作区中，叠放在原来 gray area 影片符号实例的上方。为了在后面可以用 as 语 句对其进行控制，需要给上面的这个矩形命名，通过对应的属性设置，设置其实例名 square， 如图 E4-3 所示。 图 E4-3 属性设置 下面需要给相册添加控制按钮，这里通过从[窗口/共享库/Bottons]中选取两个按钮，摆 放到场景的合适位置，这两个按钮是用来前后翻动相册的，所以最好按钮上带有方向箭头， 且分别在属性面板中给两个按钮命名，即左边的按钮命名为 BACK，右边的按钮命名为 NEXT。 制作一个显示相片数的文本框。在背景图像上输入“现在显示的是第 张”，然后添 加输入文本“1”，并通过对应的属性设置面板对文本框的属性进行设置，设置其变量名为 input 等，如图 E4-4 所示
现在显示的是第1张 口 A 输入文件 A宋体 N2-B鲁■ ud4p标准口自动缩进 匚格式,了 图E44设计界面 新建一个图层,并命名为 action。单击图层 action第1帧,右击鼠标,从弹出的快捷菜 单中选择[动作命令,调出动作帧面板,切换到专家模式。 在脚本编辑区域中输入如下脚本 square. alpha =0 whichPic=1 next. onPress= function if(whichPic<10 && faden & !fade Out) fadeOut = true whichpIC++, A./ put=whichPic back. onPress= function if(whichPic>l && faden && fadeOut) fadeOut= true whichpic-- hichPic root onEnter Frame=function if ( square. alpha>10 & fadeOut) if(square. alpha<10)
图 E4-4 设计界面 新建一个图层，并命名为 action。单击图层 action 第 1 帧，右击鼠标，从弹出的快捷菜 单中选择[动作]命令，调出动作帧面板，切换到专家模式。 在脚本编辑区域中输入如下脚本： square._alpha = 0; whichPic = 1; next.onPress = function() { if (whichPic<10 && !fadeIn && !fadeOut) { fadeOut = true; whichpic++; input = whichPic; } }; back.onPress = function() { if (whichPic>1 && !fadeIn && !fadeOut) { fadeOut = true; whichpic--; input = whichPic; } }; _root.onEnterFrame = function() { if (square._alpha>10 && fadeOut) { square._alpha -= 10; } if (square._alpha<10)
loadMovie("picture/m"+whichPic+.jpg", "square"); fade Out= false. faden= true if (square. alpha<100 & faden && fade Out) square. alpha +=10 fadeIn= false if(input>10) if(Key isDown(Key ENTER)) loUt true whichpic = input }; input Field. onKillFocus=function( i }; 最后,在文件夹 picture中放置十张图像,图像文件名分别定为 ml. jpg-m10jpg单击[控 制测试影片]菜单命令,此时 Flash将当前电影按SWF格式输出并在一个新窗口中播放该文 件,如图E45所示 重 acronedia flash夏-[风景相册。svf] O文件)编辑)查看)控制〔)调试①)窗口)-x 现在显示的是第2张 日 图E45播放窗口
{ loadMovie("picture/m"+whichPic+".jpg","square"); fadeOut = false; fadeIn = true; } if (square._alpha<100 && fadeIn && !fadeOut) { square._alpha += 10; } else { fadeIn = false; } if (input>10) { input = 10; } if (Key.isDown(Key.ENTER)) { fadeOut = true; whichpic = input; } }; inputField.onKillFocus=function() { input = whichPic; }; 最后，在文件夹 picture 中放置十张图像，图像文件名分别定为 m1.jpg~m10.jpg。单击[控 制/测试影片]菜单命令，此时 Flash 将当前电影按 SWF 格式输出并在一个新窗口中播放该文 件，如图 E4-5 所示 图 E4-5 播放窗口
四、思考题 1.怎样通过属性面板调整绘制的矩形大小? 2.怎样将一个关键帧延续到后面的帧? 3.在场景上输入自己的名字,并设置这些文字的字体为隶书、字号为150、颜色为蓝色 然后按下列两个要求制作动画 ①模仿写字动态过程 ②创建变形过渡动画,使这些文字变成其他字体和颜色
四、思考题 1.怎样通过属性面板调整绘制的矩形大小？ 2.怎样将一个关键帧延续到后面的帧？ 3.在场景上输入自己的名字，并设置这些文字的字体为隶书、字号为 150、颜色为蓝色。 然后按下列两个要求制作动画： ①模仿写字动态过程。 ②创建变形过渡动画，使这些文字变成其他字体和颜色