首页 理论教育弹力球实例-FlashCS6中文版教程

弹力球实例-FlashCS6中文版教程

2025-09-30 理论教育 版权反馈
【摘要】：本实例制作一个蹦来蹦去的小球。它模拟了实际情况下的重力效果和碰撞反弹效果。创建一个名为shadow的影片剪辑，用来显示小球运动时候的影子。图8-10 地面图8-11 墙壁在库面板中拖一个xspeed的实例到舞台上的Layer xspeed层。选中舞台上的这个speed实例，在属性面板的实例名称文本框中输入speed。还是像xspeed一样，把speed也放到舞台之外，如图8-14所示。图8-14 Layer speed层在主时间轴插入一个新层，命名为Layer action。分别选中第2到第6帧，插入5个关键帧。

本实例制作一个蹦来蹦去的小球。它模拟了实际情况下的重力效果和碰撞反弹效果。使用鼠标控制小球，在小球上按住鼠标左键，可以选中小球。然后拖动鼠标再释放，小球就开始在两面墙壁和地面之间蹦来蹦去，而且小球的影子也跟着变化。

978-7-111-40639-6-Chapter08-131.jpg新建一个ActionScript 2.0文档，设置帧频为50。按Ctrl＋F8键，创建一个按钮元件，命名为ballcontrol。

978-7-111-40639-6-Chapter08-132.jpg在元件编辑模式下，选中“点击”帧，按F6键插入关键帧，然后使用椭圆工具绘制一个无边框的白色正圆，且圆心与舞台中心点对齐。这样，就创建了一个透明的按钮。

978-7-111-40639-6-Chapter08-133.jpg按Ctrl＋F8键，创建一个名为ball的影片剪辑。在元件编辑模式下，把ball的当前层改名为shape。

978-7-111-40639-6-Chapter08-134.jpg选择椭圆工具，在舞台上画一个只有内部填充没有边框的圆。

978-7-111-40639-6-Chapter08-135.jpg选择绘图工具栏的“选择工具”978-7-111-40639-6-Chapter08-136.jpg，选中舞台上的圆。

978-7-111-40639-6-Chapter08-137.jpg选择“窗口”/“颜色”命令打开“颜色”面板。在填充风格菜单中选择“径向渐变”。选中渐变栏左侧的颜色样本，在R，G，B，Alpha中输入255，153，0，100％，然后把这个颜色样本拖到图8-4所示的位置。

978-7-111-40639-6-Chapter08-138.jpg选中渐变栏右侧的颜色样本，在R，G，B和Alpha中输入95，64，18，100％，如图8-5所示。

978-7-111-40639-6-Chapter08-139.jpg

图8-4 颜色面板

978-7-111-40639-6-Chapter08-140.jpg

图8-5 输入RGB值

978-7-111-40639-6-Chapter08-141.jpg选择绘图工具栏的渐变变形工具，单击舞台上的图形，出现控制点，如图8-6所示。把中间的控制点向左上方拖动，如图8-7所示。

978-7-111-40639-6-Chapter08-142.jpg在ball的时间轴添加一个新层，名为button。在库面板中拖一个ballcontrol按钮到button层，让这个按钮位于shape层图形的正上方，如图8-8所示。

978-7-111-40639-6-Chapter08-143.jpg选中ballcontrol按钮的实例，在“动作”面板中输入下面的代码：

978-7-111-40639-6-Chapter08-144.jpg

978-7-111-40639-6-Chapter08-145.jpg

图8-6 填充变形工具的控制点

978-7-111-40639-6-Chapter08-146.jpg

图8-7 拖动中间控制点

978-7-111-40639-6-Chapter08-147.jpg

图8-8 button层

978-7-111-40639-6-Chapter08-148.jpg

978-7-111-40639-6-Chapter08-149.jpg创建一个影片剪辑，命名为speed。这个影片剪辑用来控制小球的速度。

978-7-111-40639-6-Chapter08-150.jpg在元件编辑模式下，在speed的时间轴的第2帧和第3帧插入两个关键帧。

978-7-111-40639-6-Chapter08-151.jpg单击第1帧，在“动作”面板中添加下面的代码：

978-7-111-40639-6-Chapter08-152.jpg

978-7-111-40639-6-Chapter08-153.jpg单击第2帧，在“动作”面板中添加下面的代码：

978-7-111-40639-6-Chapter08-154.jpg

978-7-111-40639-6-Chapter08-155.jpg单击第3帧，在“动作”面板中添加下面的代码：

978-7-111-40639-6-Chapter08-156.jpg

978-7-111-40639-6-Chapter08-157.jpg创建一个影片剪辑，命名为xspeed。在元件编辑模式下，在xspeed的第2帧插入一个关键帧。

978-7-111-40639-6-Chapter08-158.jpg单击第1帧，在“动作”面板添加下面的代码：

978-7-111-40639-6-Chapter08-159.jpg

978-7-111-40639-6-Chapter08-160.jpg

图8-9 影子的填充效果

978-7-111-40639-6-Chapter08-161.jpg单击第2帧，在“动作”面板中添加下面的代码：

978-7-111-40639-6-Chapter08-162.jpg

作用是一直在这两帧之间循环。

978-7-111-40639-6-Chapter08-163.jpg创建一个名为shadow的影片剪辑，用来显示小球运动时候的影子。选择绘图工具栏的椭圆工具，在舞台上画一个只有内部填充没有边框的圆。

978-7-111-40639-6-Chapter08-164.jpg选中舞台上的圆，打开“颜色”面板，在填充风格弹出式菜单中选择“径向渐变”。单击渐变栏左侧的颜色样本，在R，G，B，Alpha文本框中输入0，0，0，100％。单击渐变栏右侧的颜色样本，在R，G，B，Alpha文本框中输入0，0，0，0％。影子的填充效果如图8-9所示。

978-7-111-40639-6-Chapter08-165.jpg创建一个控制阴影的影片剪辑，名为shadow(ctrl)。在第2帧插入一个关键帧。单击第1帧，在“动作”面板中添加下面的代码：

978-7-111-40639-6-Chapter08-166.jpg

978-7-111-40639-6-Chapter08-167.jpg单击第2帧，在动作面板中添加下面的代码：

978-7-111-40639-6-Chapter08-168.jpg

通过这个影片剪辑，就可以完全控制小球的阴影了，而且是动态的控制阴影的变化。

978-7-111-40639-6-Chapter08-169.jpg回到主时间轴。把当前层改名为Layer ground。在舞台底部画一个表示地面的图形，如图8-10所示。(https://www.chuimin.cn)

978-7-111-40639-6-Chapter08-170.jpg在主时间轴插入一个新层，重命名为Layer xspeed。在舞台上画两堵墙，如图8-11所示。

978-7-111-40639-6-Chapter08-171.jpg

图8-10 地面

978-7-111-40639-6-Chapter08-172.jpg

图8-11 墙壁

978-7-111-40639-6-Chapter08-173.jpg在库面板中拖一个xspeed的实例到舞台上的Layer xspeed层。选中舞台上的这个实例，在属性面板的实例名称文本框中输入xspeed。xspeed实例放在舞台之外。

因为xspeed主要是用来控制的，所以没有必要让它在舞台上。

978-7-111-40639-6-Chapter08-174.jpg在主时间轴插入一个新层，命名为Layer shadow。在库面板中拖一个影子元件到舞台上的Layer shadow层。

978-7-111-40639-6-Chapter08-175.jpg选中这个实例，在属性面板的实例名称文本框中输入shadow。把shadow拖到与地面平行的位置，如图8-12所示。小黑影就是shadow。

978-7-111-40639-6-Chapter08-176.jpg在主时间轴插入一个新层，起名为shadow control。在库面板中拖一个shadow(ctrl)到舞台上的shadow control层。

978-7-111-40639-6-Chapter08-177.jpg选中这个实例，在属性面板的实例名称文本框中输入shadowctrl。同样把shadowctrl放在舞台之外，因为这个影片剪辑也仅仅用来控制，没有必要显示在舞台上。

978-7-111-40639-6-Chapter08-178.jpg在“库”面板中拖一个ball实例到舞台正中间，如图8-13所示。

978-7-111-40639-6-Chapter08-179.jpg

图8-12 Layer shadow层

978-7-111-40639-6-Chapter08-180.jpg

图8-13 shadow control层

978-7-111-40639-6-Chapter08-181.jpg选中舞台上ball的实例，在属性面板的实例名称文本框中输入ball。

978-7-111-40639-6-Chapter08-182.jpg在主时间轴插入一个新层，起名为Layer speed。在库面板中拖一个speed到舞台上的Layer speed层。

978-7-111-40639-6-Chapter08-183.jpg选中舞台上的这个speed实例，在属性面板的实例名称文本框中输入speed。还是像xspeed一样，把speed也放到舞台之外，如图8-14所示。

978-7-111-40639-6-Chapter08-184.jpg

图8-14 Layer speed层

978-7-111-40639-6-Chapter08-185.jpg在主时间轴插入一个新层，命名为Layer action。这一层主要用来写控制代码。

978-7-111-40639-6-Chapter08-186.jpg分别选中第2到第6帧，插入5个关键帧。下面分别为它们添加代码。

第1帧：

978-7-111-40639-6-Chapter08-187.jpg

第2帧：

978-7-111-40639-6-Chapter08-188.jpg

第3帧：

978-7-111-40639-6-Chapter08-189.jpg

第4帧：

978-7-111-40639-6-Chapter08-190.jpg

第5帧：

978-7-111-40639-6-Chapter08-191.jpg

第6帧：

978-7-111-40639-6-Chapter08-192.jpg

978-7-111-40639-6-Chapter08-193.jpg所有的代码和元件都已经做好。按Ctrl＋Enter键测试影片。

这个例子用到的层和元件都很多，这样子在屏幕上找，很容易弄乱，可以用Flash提供的影片浏览器查看整个影片的结构。

选择“窗口”/“影片浏览器”菜单命令，打开影片浏览器窗口，如图8-15所示。影片浏览器列出了主时间轴的所有层的结构，每个层里还有层里的所有元件的信息。

978-7-111-40639-6-Chapter08-194.jpg

图8-15 场景1中的层结构

元件定义列出了所有的元件，每个元件都列有详细的结构信息。

注意影片浏览器最上方的6个按钮：978-7-111-40639-6-Chapter08-195.jpg。通过它们，读者可以列出想要的相关资料。

单击“自定义要显示的项目”按钮978-7-111-40639-6-Chapter08-196.jpg，可以在影片浏览器设置对话框中显示的内容，如图8-16所示。如果读者只对某个类型的符号感兴趣，可以只选那个类型。

978-7-111-40639-6-Chapter08-197.jpg

图8-16 影片浏览器设置对话框

相关文章

  • FlashCS6中文版标准实例教程：段落属性 FlashCS6中文版标准实例教程：段落属性

    传统文本的段落属性包括对齐方式和边界间距两项内容。图2-61 设置段落样式“段落”部分包括以下文本属性：●对齐：此属性可用于水平文本或垂直文本。在当前所选文字的段落方向为从右到左时，对齐方式图标的外观会反过来，以表示正确的方向。TLF会在这两个段落之间生成24像素的间距，而不是36像素。利用“高级段落”部分可以设置TLF文本的以下属性：●标点挤压：此属性有时称为对齐规则，用于确定如何应用段落对齐。......

    2025-09-30

    详细阅读
  • FlashCS6中文版标准实例教程 FlashCS6中文版标准实例教程

    ActionScript照英语翻译过来就是动作脚本语言。按照官方的说法，ActionScritp是Flash的脚本描述语言，它可以帮助用户灵活地实现Flash中内容与内容，内容与用户之间的交互。读者不必了解很多ActionScript的知识就可以写一个简单的脚本。新建一个ActionScript 3.0的Flash文件。ActionScript与其他编程语言一样，具有变量、操作符、语句、函数和语法等基本的编程要素。并且在结构和语法上与JavaScript非常相似，下面简要介绍ActionScript中的常用术语。......

    2025-09-30

    详细阅读
  • FlashCS6中文版教程：添加声音的实例 FlashCS6中文版教程：添加声音的实例

    在Flash动画文件中添加声音时，必须先创建一个声音图层，才能在该图层中添加声音。在“效果”下拉列表框中选择一种声音效果，用来进行声音的控制。......

    2025-09-30

    详细阅读
  • GIF选项改为FlashCS6中文版教程-标 GIF选项改为FlashCS6中文版教程-标

    在“发布设置”对话框中单击选择“GIF图像”复选框，显示GIF选项。较适于速度较慢的网络，对动画GIF文件，不要选中本选项。“Web 216色”：使用标准216色浏览器调色板创建GIF文件，该选项提供好的画质，并且在服务器上的处理速度也是最快的。......

    2025-09-30

    详细阅读
  • FlashCS6中文版标准实例教程-色彩编辑 FlashCS6中文版标准实例教程-色彩编辑

    ●在右边的色彩选择区域内选一种颜色，通过拖动旁边的滑块调整色彩的亮度。......

    2025-09-30

    详细阅读
  • FlashCS6中文版标准实例教程：轻松设置 FlashCS6中文版标准实例教程：轻松设置

    用户可以通过设置“动作”面板的工作参数，来改变脚本窗格中的脚本编辑风格。若要设置动作面板的参数，可以执行如下操作：在“动作”面板的选项菜单中选择“首选参数”命令。在弹出的“首选参数”对话框里设置以下任意首选参数：●编辑：选择“自动缩进”会在脚本窗格中自动缩进动作脚本，在“制表符大小”框中输入一个整数可设置专家模式的缩进制表符大小。......

    2025-09-30

    详细阅读
  • FlashCS6中文版标准实例教程Deco工 FlashCS6中文版标准实例教程Deco工

    使用Deco绘画工具，可以对舞台上的选定对象应用效果。Deco工具的使用方法如下：新建一个文档，单击选中绘图工具箱中的Deco工具，此时鼠标指针变成。切换到Deco工具的属性面板，如图2-44所示。在“绘制效果”下方的下拉表中选择Deco工具的绘制效果。图2-44 Deco工具的属性面板和绘制效果1）藤蔓式填充：利用藤蔓式填充效果，可以用藤蔓式图案填充舞台、元件或封闭区域。每次在舞台上单击Deco绘画工具都会创建形状网格。......

    2025-09-30

    详细阅读
  • FlashCS6中文版实例教程：思考与练习 FlashCS6中文版实例教程：思考与练习

    提示：首先将导入的图像转换为元件，然后参照本章5.5节中有关知识创建沿曲线移动的动画，通过对应的属性设置面板将第2个关键帧所对应的实例的Alpha属性设置为0。注意各帧之间的渐变类型，以及注意关键帧的制作。图5-76 关键帧效果图打开一个Flash文件，然后以GIF、JPEG两种不同格式进行发布。......

    2025-09-30

    详细阅读