flash制作凸透镜成像的详细步骤.docVIP

1.创建影片文档和课件界面 新建一个flash文件（ActionScript2.0），选择“修改｜文档｜背景颜色”，将背景颜色设置为黑色。 将图层一重命名为“标题”，在“工具”面板中选择“文本工具”，在属性面板中，设置“字体”为黑体，“字体大小”为36，“颜色”白色，其他默认。在场景中的适当位置，绘制文本框，输入“凸透镜成像原理”。如图1： 图1 2.创建影片剪辑元件 （1）创建凸透镜元件。 按Ctrl+F8键，新建一个影片剪辑，命名为“凸透镜”，点击确定。进入到元件的编辑场景，在工具栏中选择线条工具，绘制出凸透镜的外框，在颜色面板中，选择线性填充，填充颜色为蓝色（#66CCFF）到白色（#FFFFFFF）。如图2： 图2 创建蜡烛元件。 = 1 \* GB3 ① 按Ctrl+F8键，新建一个影片剪辑，命名为“蜡烛”，点击确定。进入到元件的编辑场景。将图层1重命名“烛身”，选择矩形工具，设置填充色#FF0000，绘制一个矩形，调整到合适大小（宽：16，高：92.8）。如图3： 图3 = 2 \* GB3 ② 在烛身上面新建一个图层，命名“蓝光”。选择椭圆工具，设置填充色#0000CC，绘制一个椭圆，调整合适大小（宽：9.0，高：14.5），放在烛身上方。如图4： 图4 = 3 \* GB3 ③ 在蓝光上面新建一个图层，命名“火焰”。选择椭圆工具，设置填充色白色，绘制一个椭圆，调整形状和大小（宽：10.6，高：34.1），放在蓝光上方，覆盖住蓝光，只使其露出少许。如图5： 图5 = 4 \* GB3 ④ 在火焰上面新建一个图层，命名“焰芯”，同上绘制一个椭圆，设置由黑到深黄（#EA9326）到浅黄（#FFFFCC）的线性渐变填充。如图6： 图6 = 5 \* GB3 ⑤ 分别选择烛身和蓝光两个图层，将其帧延长到60帧。选择火焰图层，在15帧处插入关键帧，用选择工具调整火焰的形状，使其歪向一边（如图7）。复制关键帧1，在30帧和60帧处粘贴帧。在45帧处插入关键帧，调整火焰的形状使其变长（如图8）。然后在各相临关键帧之间创建形状补间动画。选择焰芯图层，用同样的方法创建形状补间动画。（如图10） 图7 图8 图9 创建焦点元件。 按Ctrl+F8键，新建一个影片剪辑，命名为“焦点”，点击确定。进入到元件的编辑场景，在工具栏中选择椭圆工具，在颜色面板中，选择放射渐变，设置填充颜色“#FBCC5E”和#FFFFCC。按shift键画一个正圆，调整其大小（宽：6.4，高：6.4）。 3.布局场景 （1）回到主场景，在标题层上新建图层“透镜”，将透镜拖放到舞台中心，在属性面板中，命名其实例名称为“ttj”,过透镜中心画一条白色的水平直线。如图10： 图10 在透镜层上新建图层“焦点”，拖放四个焦点在透镜两侧恰当的位置,在属性面板中，命名其实例名称（从左到右）分别为“jd2”、“jd”、“jd1”。并在“jd”、“jd1”对应的两个焦点下方，用文本工具，分别输入F和F’。如图11： 图11 在焦点层上新建图层“蜡烛”，拖放三个蜡烛元件到水平直线上，两个放在透镜左边，第三个放在透镜右边，倒立位于直线下方。在属性面板中，命名其实例名称（从左到右）为“wu”、“xux”、“shix”。如图12： 图12 在蜡烛层上新建图层“连线点”，拖放三个焦点分别到“wu”、“xux”、“shix”对应的 蜡烛的火焰底部，再拖放一个焦点到透镜上与前两个焦点等高的位置，在属性面板中将其透明度设为0，命名其实例名称（从左到右）分别为“lianjie0”、“lianjie3”、“lianjie1”“lianjie2”。再拖放两个焦点，到透镜右侧直线下方，在属性面板中命名其实例名称分别为“lianjie4”、“lianjie5”。如图13： 图13 在蜡烛层上新建图层“规律”，选择“文本工具”，在属性面板中，点选“动态文本”，字体“楷体”，字体大小18，颜色白色，其他默认。然后在场景中右上角拖出一个动态文本框。如图14： 图14 整体结构如图15： 图15 4. 定义动作脚本 在场景中选中蜡烛实例“wu”,右键单击，选择“动作”，在动作面板中写下如下代码： onClipEvent (mouseMove) /*当鼠标移动时，触发大括号内的动作*/ { startDrag(, true, 0, 200.9, 256.6, 200.9); /*指定wu为可拖动影片剪辑，并将其锁定到鼠标指针位置中央(true),它拖动在左、上、右、下的范 围0, 200.9, 256.6, 200.9*/ } onClipEvent (enterFrame) { if (_parent.wu._x_parent.jd._x+1) {