第7章 运动效果设计 7.1运动效果设计概述 7.1.1运动图标的作用 运动图标☑的作用是移动某个物体对象，使这个物体对象产生各种位移运动效果。 7.1.2物体对象的各种运动方式 为实现各种运动效果，系统提休了五种不同的运动方式。其运动特点和适用情况如下： +rpar11n11a1网[=41t14] 位6两4 Wti1ed r41 1kb特t年4 都国-e L Tunine:Tims fue） 个3 F中 图 Prwvin 图1.1各种运网方式 1.Direct to Point :69544 餐大d CLick oboect te be 441% 44.2004- Lwwr Twe:TIneat to PAnt Eat MSw C B ② Ca6T了in44n Trerise 围72终点定位运动方式 2.Direct to Line Pemperties-Betian Lems [EutitLedl 1144 511:13% r城4 jnrt le base d04- Eimine:Time Geg) 图 Destinstip Trevise 图T.3直揖定位话同方式 3.Direct to Grid
1 第 7 章 运动效果设计 7.1 运动效果设计概述 7.1.1 运动图标的作用 运动图标 的作用是移动某个物体对象，使这个物体对象产生各种位移运动效果。 7.1.2 物体对象的各种运动方式 为实现各种运动效果，系统提供了五种不同的运动方式，其运动特点和适用情况如下： 图 7.1 各种运动方式 1．Direct to Point 图 7.2 终点定位运动方式 2．Direct to Line 图 7.3 直线定位运动方式 3．Direct to Grid
Prapertien:Eotian Iexa LfatitIedl 1:44 D:u山init te bue Tinkng:fime (er) 6 ②☑ CDeetiastip 10 闲1.4平直定位运动方式 4.Path to End 05d N建 1416 ■442004-54 Lwer Toe P.1 t ml Laf bSw 141了ha18 图 Coaourranoy:wit Bone 1线： hwvia 国7.5路径点运动方式 5.Path to Point wFrapar1iwe1 isu Iras【e1i11nd门 1134 让 CLick obsect te he + Lwr Twpe Futk te Poiat Laf MSa Timane Time (ume) 46e写 图 Xatinati d 闺7,6路径宠位运动方式 7,1.3运动路径的设定 以路径锋点方式为例，在Path to End Optio国路径锋点操作)对话框中议定运动路径的方 法如下： 1.对话框标题条下右端给出了运动方式，左精提示设计者选取屏幂上某一欲运动的对象。 图7.7要术为物体创建岳内路径 2.物体中心位置出现一个黑三角，标志着当前点为运动路径的起始点。 3,用鼠标左健点中并燕动物体到设把的路径上一点，释故鼠标，发现一条直线白动连接
2 图 7.4 平面定位运动方式 4．Path to End 图 7.5 路径终点运动方式 5．Path to Point 图 7.6 路径定位运动方式 7.1.3 运动路径的设定 以路径终点方式为例，在 Path to End Options(路径终点操作)对话框中设定运动路径的方 法如下： 1．对话框标题条下右端给出了运动方式，左端提示设计者选取屏幕上某一欲运动的对象。 图 7.7 要求为物体创建运动路径 2．物体中心位置出现一个黑三角，标志着当前点为运动路径的起始点。 3．用鼠标左键点中并拖动物体到设想的路径上一点，释放鼠标，发现一条直线自动连接
了上一点和当前点， 阁78拖曳物体指定美镜点创建路径 4,用鼠标左键点中并拖动路径上的三角标记，可调整路径上各点的位置。 5.若需在路径上增加关键点，可以用假标点击路径上某处，一个新的标记将出现在点击 位置， 6.若需在路径上副除一个关健点，选中此点，然后敲击Delete Poir按组。 7,用以上方法创建的路径。彩成新线路径。若塑改用弧线连接。可以双击点的三角标志， 使它变为圆形标志，路径变为一条平滑的曲线。 8。创建一个闭合路径，应将终点设置为与起点重合 7.1.4运动图标设置的一般方法 利用运动图标使物体%生运动的具体操作知下： .在流程线上收置一个图标，将武移动的物体放在这个图标中。 2.在流程线上敏移动的物体所在图标下方政置一个运动图标。 3,单击运动图标，在屏多下方将出现一个运动图标参数设置对话框。可以确定物体的各 种运动方式。 4,单击屏幕上某一物体，将它折定为移动对象。移动它以指定定位点。定位直线、定位 平面或创建运动路径。 5,在选择设置对话框中设置有关参数。 [实例7.1】玫魂女郎 3
3 了上一点和当前点。 图 7.8 拖曳物体指定关键点创建路径 4．用鼠标左键点中并拖动路径上的三角标记，可调整路径上各点的位置。 5．若需在路径上增加关键点，可以用鼠标点击路径上某处，一个新的标记将出现在点击 位置。 6．若需在路径上删除一个关键点，选中此点，然后敲击 Delete Point 按钮。 7．用以上方法创建的路径，形成折线路径。若想改用弧线连接，可以双击点的三角标志， 使它变为圆形标志，路径变为一条平滑的曲线。 8．创建一个闭合路径，应将终点设置为与起点重合。 7.1.4 运动图标设置的一般方法 利用运动图标使物体产生运动的具体操作如下： 1．在流程线上放置一个图标，将欲移动的物体放在这个图标中。 2．在流程线上欲移动的物体所在图标下方放置一个运动图标。 3．单击运动图标，在屏幕下方将出现一个运动图标参数设置对话框。可以确定物体的各 种运动方式。 4．单击屏幕上某一物体，将它指定为移动对象，移动它以指定定位点、定位直线、定位 平面或创建运动路径。 5．在选择设置对话框中设置有关参数。 [实例 7.1] 玫瑰女郎
后行e 玫瑰女郎 图7.9例了--攻汽女年话行效果 程序的设计步骤如下： 色十物流文华取日回国图 金色背量，110 南拉线.t过 号无国 S 的★年科地 存飞际 图7.10例T-1-玫境女年程序 1,输入三张图片“金色背景.if”,“玫瑰if”,“女寓。 2,先打开“金色背景.图标，然后打开“玫瑰.和“女哪.i”图标。 3.分别在“玫瑰.f”和“女廊.”图标下方各放置一个运动图标. L.“玫瑰移动”运动图标，默认运动方式为“Direct to Point”,默认并行方式为“Vait Unt Done " 五。将“玫瑰”图标作为欲移动的对象 6,用同样方法设置“女郎移动”运动图标的属性设置对话压参数。 T.修政“玫瑰移动”并行方式为“Concurrent”. P47 状慎订 青ghte 液t 有n0 年d00-4 Lawer fre Direct to Folat Hef.bso 2 Fwviee 图？.11玫瑰移动图际属性设置 8,改进开始封西面左右角露出玫瑰和女郎的情形。 4
4 图 7. 9 例 7-1-玫瑰女郎运行效果 程序的设计步骤如下： 图 7. 10 例 7-1-玫瑰女郎程序 1.输入三张图片“金色背景.tif”、“玫瑰.tif”、“女郎.tif”。 2.先打开“金色背景.tif”图标，然后打开“玫瑰.tif”和“女郎.tif” 图标。 3.分别在“玫瑰.tif”和“女郎.tif” 图标下方各放置一个运动图标。 4.“玫瑰移动”运动图标，默认运动方式为“Direct to Point”，默认并行方式为“Wait Until Done ”。 5. 将“玫瑰”图标作为欲移动的对象。 6.用同样方法设置“女郎移动”运动图标的属性设置对话框参数。 7.修改“玫瑰移动”并行方式为“Concurrent”。 图 7.11 玫瑰移动图标属性设置 8.改进开始时画面左右角露出玫瑰和女郎的情形
7行非r11sp1度1rs[数度1 D所翰 t tAE Dvar shieet Le 1.8004-6-4 挂t证：G5atn w的。4 厂dde里ant3uh 20 厂内r1g行作 Cr以 周7,12玫建是示闲标起输点设置 7.2终点定位运动一飞至固定点 终点定位方式Dr心toP心n)只需设i计者指定运动对象及终点，系统将白动给出物体对象 运动的路径，即从起点到终点的直线轨迹。 在运动图标属性设置对话框的左部，还给出了判断图标的有关信息，包括以下几项： ·1D ·Soe: ·oda ·Ref.by 运动方式属性设置对话框中的需要设置的参数： 1,图标名称： 2.Layer: 3.Timing 。行r11t1s【直飞作自点 11:45 值出直 511w:22 年城4e州t4 蜂儿店 ●…X d304- L的e t1时己 ☑ 达■ C 加n 图7.13锋点定位运动时间设置 ·Time(sec): ·Rate(sec/in 4.Concurrency: :r1小111c值无任雪点 1D:5545 i得论 旧好 r证必1s时tM 姓儿 448004-1 1w灯 Twpe:Bigeet te Peint is (me TuLt国■ ☑ Taviae 图7,14挥点定位运动并行方式设置 Wait Until Done: Concurrent: Perpetual 5.Type: 6.运动起始点、终点、结束点坐标设置： [实例7.2)峰舞花丛
5 图 7.12 玫瑰显示图标起始点设置 7.2 终点定位运动——飞至固定点 终点定位方式(Direct to Point)只需设计者指定运动对象及终点，系统将自动给出物体对象 运动的路径，即从起点到终点的直线轨迹。 在运动图标属性设置对话框的左部，还给出了判断图标的有关信息，包括以下几项： ·ID： ·Size： ·Mod： ·Ref.by： 运动方式属性设置对话框中的需要设置的参数： 1．图标名称： 2．Layer： 3．Timing： 图 7.13 终点定位运动时间设置 ·Time(sec)： ·Rate(sec/in)： 4．Concurrency： 图 7.14 终点定位运动并行方式设置 ·Wait Until Done： ·Concurrent： ·Perpetual： 5．Type： 6．运动起始点、终点、结束点坐标设置： [实例 7.2] 蜂舞花丛
图7,15例7了-2-蜂每花从运行效果 程序的设计步骤如下： 回到？蜂流：日日区 Lerel 1 花儿嘴甲 姓几 萝任变壶 口时 ▣风 X马 T和I附T直元TA 图7.16铜72修每花丛程序 1,在流程线上建立显示图标，为它输入图片“蜂舞花丛背景，g”。 2斩入GF格式小动西“蜜蜂，，双击输入，将图标改名为“蜂儿”。 Dmtin Berrire Bet Arsilskdie 上=mn=+星金a线里制益登 图7,17插入G1F动画对话框 3单击“蜂儿”图标，单击选项卡“Display”,设置参数“k水和“Background
6 图 7.15 例 7-2-蜂舞花丛运行效果 程序的设计步骤如下： 图 7.16 例 7-2-蜂舞花丛程序 1.在流程线上建立显示图标，为它输入图片 “蜂舞花丛背景.jpg”。 2.插入 GIF 格式小动画 “蜜蜂.gif”，双击输入，将图标改名为“蜂儿”。 图 7.17 插入 GIF 动画对话框 3.单击 “蜂儿”图标，单击选项卡“Display”, 设置参数“Mode”和“Background
404 15 1野 =18a pin工prevet Amalic r 9u. 运 C结w■rre☐re 图7.18GP最示属性青景透明色设置 4在“蜂儿”图标下方放置一个运动图标，并为它金名为“直飞任意点 5单击运动图标直飞任意点”，确认运动方式为Direct to Poir“,并行方式为Wait Unti Done。 年：：r11nst1n1a【直飞自h1 口5后 直任童 Beae abinet a 蜂儿 3044 84Eh4 Twi绿Ts:s民 ☒ 金1ti4门4短 CiokE T Tait Btil Dute 图7,19在对话框中直报设置运动定位 7.3直线定位运动一飞至直线上某点 直线定位方式(Direct to Line)需要设计者指定运动对象，设定物体运动的终点所在的直线 及端点的值，并根据变量域表达式的值设置运动的蜂点位置， 直线定位运动方式属性设置对话框中的参数： 1.Beyondi 。:行1ste1e月第1 D-04 4x 年4g年h4ete 西气球 +,中 里ise日i4白we ② 常ni4 C Iu Samod Sup at Bals 图7.0直找定位运对方式参数设置 ·oop: ·Stop at End ·Go Past Ends: 2.运动起始点、终点、结束点坐标投置： [实例7.)定点降落
7 图 7. 18 GIF 显示属性背景透明色设置 4.在“蜂儿” 图标下方放置一个运动图标，并为它命名为“直飞任意点”。 5.单击运动图标“直飞任意点”，确认运动方式为“Direct to Point”，并行方式为“Wait Until Done”。 图 7.19 在对话框中直接设置运动定位点 7.3 直线定位运动——飞至直线上某点 直线定位方式(Direct to Line)需要设计者指定运动对象，设定物体运动的终点所在的直线 及端点的值，并根据变量或表达式的值设置运动的终点位置。 直线定位运动方式属性设置对话框中的参数： 1．Beyond：： 图 7.20 直线定位运动方式参数设置 ·Loop： ·Stop at Ends： ·Go Past Ends： 2．运动起始点、终点、结束点坐标设置： [实例 7.3] 定点降落
售 甲暮位雪号厚标 家7] Ak4k人k人人A 国7,21例7-3-定点降落运行效果 程序的设计步骤如下： 日3重自间间区 备年的小清指 1=l1 妇无烧样透 当降第位置 口A 烤-Y号y 1拉 图7,22例7-3-定点降落程序 1,在流程线上建立两个显示图标，分别输入背景以及定位点图片， 2插入一个GF格式小动面“热气球，将图标改名为“热气球”。 3,单击“热气球”图标，在属性设置对话框中单击选项卡“Dsp物”，设置参数“M水” 和“Background“. L在“热气球”图标下方成置一个运动图标，将运动方式修成为“Direct to Line”,确 i认并行方式为“Wait Until Done”,将Beyond设置为“Stop at Ends
8 图 7.21 例 7-3-定点降落运行效果 程序的设计步骤如下： 图 7.22 例 7-3-定点降落程序 1.在流程线上建立两个显示图标，分别输入背景以及定位点图片。 2.插入一个 GIF 格式小动画 “热气球.gif”，将图标改名为“热气球”。 3.单击 “热气球”图标，在属性设置对话框中单击选项卡“Display”,设置参数“Mode” 和“Background” 。 4.在“热气球”图标下方放置一个运动图标，将运动方式修改为“Direct to Line ”，确 认并行方式为“Wait Until Done”，将 Beyond 设置为“Stop at Ends
不位雪：号后 n A人∠4人A∠∠A 阔7.23确定定位直线 5选中“Ed”选项。将框中X默认值100修改为10：选中“Destination”选项，在据 中填入用自定义变量P表示的定位点X值，为p输入初始值0（或1）. 6,在“热气環”图标之下建立“定点”的计算图标，输入为变量D表示的定位点赋值的 语句： p=Random(1.10.1) 7,在计算图标之下建立一个命名为“降落位置”的显示图标，输入显示文本“降落位置 (p}号目标”， 8在显示图标之下建立一个等特图标，设置显示按组达项。。 Prepeetieu-File F41:116 无岸远 :cw:0 0e=eC时t官1ntg4 Seurch Fath. Tindous C Tait Dulton 定降落 图7.24等待图标量置 9,在运动图标之下建立一个等特图标，设置等特时间，不显示按钮选项。 74平面定位运动一飞至平面区域中某点 平面定位方式需要设计者指定运动对象，设定物体运动的终点所在的坐标系。并根据变 量或表达式的值设置物体运动峰点的X、Y坐标， +r厅mst%1r【小可动门 语 rh1ct ta 小1 Fimsne late (eg/ia) ☑ 常n内i大 3@dw时中 图7.药平面定位站耐方式参数设置 在直线定位运动方式中设定运动物体定位平面及定位点的方法如下： [实例7.)平面直角坐标系
9 图 7.23 确定定位直线 5. 选中“End”选项，将框中 X 默认值 100 修改为 10；选中“Destination”选项，在框 中填入用自定义变量 p 表示的定位点 X 值，为 p 输入初始值 0（或 1）。 6.在“热气球”图标之下建立“定点”的计算图标，输入为变量 p 表示的定位点赋值的 语句： p:=Random(1,10,1) 7.在计算图标之下建立一个命名为“降落位置”的显示图标，输入显示文本“降落位置: ｛p｝号目标”。 8.在显示图标之下建立一个等待图标，设置显示按钮选项。。 图 7.24 等待图标设置 9.在运动图标之下建立一个等待图标，设置等待时间，不显示按钮选项。 7.4 平面定位运动——飞至平面区域中某点 平面定位方式需要设计者指定运动对象，设定物体运动的终点所在的坐标系，并根据变 量或表达式的值设置物体运动终点的 X、Y 坐标。 图 7.25 平面定位运动方式参数设置 在直线定位运动方式中设定运动物体定位平面及定位点的方法如下： [实例 7.4] 平面直角坐标系
I 图7,28例？-中平面直角坐标系运行效果 程序的设计步骤如下： 112 的里通 图7.27例7-平面直角坐标襄程序 1.设置窗口为可变尺寸. 2,在坐标系原点处制作一个国点。 3.建立一个命名为“继续”的等特按组， 4,建立一个金名为“x)0”的计算图标，写入语句： X-0 y.0 5.建立一个命名为“循环1”的判断图标，设置分支方式为Su叫ml,重复次数为5， 6,在判断图标右下方放置一个命名为“x1y1”的群组图标，打开流程设计窗口，在流 程线上建立一个角名为“罗赋随机值”的计算图标，写入语句 x-Random(0,100,1) y-Random(0,100,1) 7.在“对咸碱随机值”计算图标之后建立一个命名为“最示灯值”的显示图标，写入文 本"x={x}y=y;”,以显示运动锋点的坐标值×、y 8。在“显示y值”显示图标之后建立一个命名为“小球运动”的运动图标，单击打开 其设置对话框，指定小球作为移动对象，插曳小球到达医中设置位置，设置E位置。 并在横向、枫向的abe医中分别写入x、y:设置并行方式为ait Until Done,并设置速 10
10 图 7.26 例 7-4-平面直角坐标系运行效果 程序的设计步骤如下： 图 7.27 例 7-4-平面直角坐标系程序 1．设置窗口为可变尺寸。 2．在坐标系原点处制作一个圆点。 3．建立一个命名为“继续”的等待按钮。 4．建立一个命名为“xy=0”的计算图标，写入语句： x:=0 y:=0 5．建立一个命名为“循环 1”的判断图标，设置分支方式为 Sequential，重复次数为 5。 6．在判断图标右下方放置一个命名为“x1 y1”的群组图标， 打开流程设计窗口，在流 程线上建立一个命名为“xy 赋随机值”的计算图标，写入语句： x:=Random(0，100，1) y:=Random(0，100，1) 7．在“xy 赋随机值”计算图标之后建立一个命名为“显示 xy 值”的显示图标，写入文 本"x={x} y={y}"，以显示运动终点的坐标值 x、y。 8．在“显示 xy 值”显示图标之后建立一个命名为“小球运动”的运动图标，单击打开 其设置对话框，指定小球作为移动对象，拖曳小球到达框中设置 Base 位置，设置 End 位置。 并在横向、纵向的 Variable 框中分别写入 x、y。设置并行方式为 Wait Until Done，并设置速