编程语言控制鼠标跟随实例.docx

4 编程语言控制鼠标跟随实例本实例是制作一个Flash的动态鼠标跟随实例。效果图如图52和图53所示。 图52 效果图一 图53 效果图二4.1 设置文档属性(1)按Ctrl+N组合键，新建一个文档。(2)按Ctrl+M组合键，打开【文档属性】对话框，并设置影片的尺寸宽为780像素，高为440像素(图中在数字之后以px表示像素)，背景颜色为#99CC33，如图54所示。图54 设置属性4.2 制作元件跟随鼠标的文字串为“Hi,look at me”，其所包含的文字为a，e，H，i，k，l，m，o，和t。(1)按Ctrl+F8组合键打开【创建新元件】对话框。(2)将元件命名为“a”，并选择元件的行为为“影片剪辑”。(3)选择【文字】工具，在元件“a”窗口中输入文字a，并设置其字体为“Comic Sans MS”，大小为20，颜色为红色，如图55所示。(4)重复步骤(1)(3)，分别建立元件e，H，i，k，l，m，o， t和一个空元件dummy(即什么也没有)。(5)按下Ctrl+L组合键打开【库】面板，在【库】面板中，按下按钮，新建一个目录Letters。并把刚新建的所有元件拖动到目录中去，如图56所示。 图55 输入文字 图56 【库】面板(6)按Ctrl+F8组合键打开【创建新元件】对话框。(7)将元件命名为“period”，并选择元件的行为为“影片剪辑”。(8)在元件period编辑窗口中单击时间轴的第5帧，按“F6”键插入一个关键帧。(9)选择文本工具，输入一个“.”号。(10)单击时间轴第10帧，按F6键插入一个关键帧。(11)选择文本工具后，单击刚插入的“.”号，然后在其后面插入一个“.”号。(12)单击时间轴第15帧，按F6键插入一个关键帧。(13)选择文本工具后，单击刚插入的“.”号，再在其后面插入一个“.”号。(14)单击时间轴第20帧，按F5键插入一个帧，时间轴如图57所示。图57 时间轴(15)单击【库】面板中的按钮，新建一个目录“dragged object”。(16)在【库】面板中的“dragged object”目录里，按Ctrl+F8组合键打开【创建新元件】对话框，新建一个元件“loading dragOBJ”，并选择元件的行为为“影片剪辑”。(17)在元件loading dragOBJ编辑窗口中，选取第1帧，打开【动作】面板。(18)在【动作】面板中的编辑窗口中输入以下代码：i = 16;/Hi look at me字符串(计算空格在内)共16个元件a = 5;b = 1.66;k = 12;/替换各元件位置while (Number(i)=0) set (|trail add i add :x_value, getProperty (|trail add i,_x);set (|trail add i add :y_value, getProperty (|trail add i,_y);set (|trail add i add :vx, 0);set (|trail add i add :vy, 0);i = i1;/使元件能拖动startDrag (|trail0, true);此时，【动作帧】面板如图58所示。图58 添加代码后的【动作帧】面板(19)单击时间轴第2帧，按F6键插入一个关键帧。(20)选取时间轴第2帧，在【动作】面板中输入以下代码：/替换各元件位置i = 1;while (Number(i)=1) setProperty (|trail add i, _x, eval(|trail add i add :x_value);setProperty (|trail add i, _y, eval(|trail add i add :y_value);i = i1;(21)单击时间轴第3帧，按F6键插入一个关键帧。(22)点击时间轴第3帧，在动作】面板中，单击“+”，选择【全局函数】|【时间轴控制】|gotoAnd Play命令，值设为2，如图59所示。图59 【动作帧】面板(23)单击时间轴的第40帧，按F5键插入一个帧，此时，时间轴如图60所示。图60 时间轴4.3 制作场景(1)在场景中选择【查看】|【网格】|【显示网格】命令。(2)按下Ctrl+L组合键打开【库】面板。(3)在【库】面板中，选择元件“loading dragOBJ”，并把此元件拖到场景中。(4)在场景中选取元件loading dragOBJ，选择【窗口】|【属性】命令打开【属性】面板，在面板的【名称】文本框中输入“trail0”，如图61所示。图61 【属性】面板(5)重复步骤(3)(4)操作，并按文字串“Hi_look_at_me”的顺序把元件拖到场景中。再按递增的顺序在【属性】面板中分别把各元件命名为trail1trail16。此时，场景如图62所示。(6)按下Ctrl+A组合键，全选场景中的元件，选择【窗口】|【对齐】命令或是按 Ctrl+K组合键，打开【对齐】面板，如图63所示。 图62 场景 图63 【对齐】面板(7)先单击按钮(或选择【对齐】|【分布场景】命令)，然后再单击按