Flash动画学习指导十一：使用ActionScript 3

转自：http://bbs.9ria.com/thread-73577-1-1.html

本文阅读要求： 具备知识： 基本了解flash 用户水平： 初级 需要产品： Flash Professional CS4 （下载试用） 例子 motion-is-awesomer.zip 你可以通过关联一个已存在的补间动画或者复制从动画转换成Actionscript3的代码，把一个动画添加到一个文档中去。下面的会给你展示这样做事多么的简单，还有上面提供的例子可以告诉你能够理解这种技术到什么程度。你可以是使用Copy Motion as ActionScript 3操作把一个动画转换成ActionScript 3代码，这样，你就可以通过修改某一行代码来改变这个动画了。 Flash CS4介绍了一个新特性，同时也多亏了动画也是面向对象的，这样，我们就可以通过赋予动画一个实例名称来连接到其他的实例。引用这个实例名的实例，会拥有这个实例名的补间动画一样的运动效果。 你也可以使用代码去运行动画，这样就可以完全避免补间动画了，不过这超出这个学习指南的范围。如果想了解更多关于这方面的知识，请阅读ActionScript3创建动画。 从时间轴中复制ActionScript 3代码 如果你有一个补间，通过一个菜单操作，你可以将这个补间中的动画复制出来并转化成ActionScript3代码。在这个过程中，补间动画中的信息是以代码的形式复制到粘贴板上的，这样你就可以把这些代码粘贴到as文件或者fla文件中了。这样可以帮助开发人员和设计师一起工作，开发人员就可以直接使用代码而不是补间动画了。这样开发人员就不需要担心动画是否完全一样了，因为这个麻烦的工作已经交给设计师们在Flash中完成了。 下面的例子告诉你怎样做（Flash CS4和Flash CS3有一些不同） 1.        在舞台上创建一个动画，例如选中一个影片剪辑实例并应用一个Motion Preset（Window > Motion Presets，选中并应用）。 2.        右键点击补间动画并选中“Copy Motion as ActionScript 3”，和动画有相同效果的代码就会复制到粘贴板了。 3.        创建一个新的图层并选中这层的第一帧。 4.        打开Action面板(Window > Actions)，并把代码粘贴到脚本。 5.        创建一个新的图层，并拖动第二个影片剪辑到舞台上。 6.        选中第二个影片剪辑，并在属性栏的<InstanceName>文本域中写上myClip这个实例名，这样，你就可以在代码中引用这个实例了。 7.        选中包含代码的那一帧，回到Actions面板，把下面的这行代码反注释。也就是把这行代码开头的两个斜杠去掉。去掉之后应该是这样的： animFactory_Symbol1_2.addTarget(<instance name goes here>, 0); 复制代码 8.        把<instance name goes here>改为myClip。 9.        Control > Test Movie，看看结果。两个实例应该是相同的动画。 这个功能在Flash CS3中也差不多是这样使用的，如果你很熟悉Flash CS3的特性，你还是会发现有2点不同的： 1．        代码不同，那是因为动画不再以XML的形式表现出来，而是表现为一批值。 2．        你复制动画的时候不再看到有对话框提示你输入一个实例名。 就像你在前面看到的练习一样，你需要把你粘贴的代码中的最后一行反注释掉，并写上实例名。 使用补间动画实例 在Fla文件中，你可以使用一个补间实例应用到其他的实例中。你赋予一个补间实例一个实例名，就像你给影片剪辑赋予实例名一样，这样你就可以在代码中引用这个实例。给赋予补间实例一个实例名，意味着你可以把这个补间实例分配到其他的影片剪辑中，这些影片剪辑可以获取这个补间实例的所有属性和拥有相同的动画效果。使用这个技术，意味着再fla文件中开发某一动画的效率会得到极大的提高----对你的工作流程而言也是。 在上面提到的例子文件中你可以找到simple-tween-instance.fla，在这个文件中有一个实例是补间动画，你可以赋予它一个实例名称，并把它应用到文件中的影片剪辑中。 1.        在simple-tween-instance.fla中，选中舞台上方的实例，并点击动画路径（或者时间轴上的补间）。 2.        打开动画属性栏(Window > Properties)。在顶部有一个新的文本框，你可以在这个文本框输入一个实例名。 3.        在文本框里写上theTween 作为这个补间动画的实例名（看图61）。   图61 在这个文件中有一个实例名是staticMonkey的（非补间动画）影片剪辑。我们试试把上面说到的补间动画应用到这个实例中： 1.        在使用补间动画之前先播放一下，选择Control > Test Movie，证明一个实例是补间动画，另一个是非补间动画。 2.        打开Actions面板(Window > Actions)，添加下面一行代码： theTween.addTarget(staticMonkey)。 复制代码 这行代码会把补间动画从第一个会动的猴子应用到第二个身上，你会看到，两个猴子都会动了。 后续学习 这个只是应用补间动画实例的一个最基本的例子。例如你可能在补间想添加一些代码，并把这个补间应用到其他的实例中。这样的例子你可以在这个学习指南的源文件中的snow-tween-instance-3speeds.fla找到，这个文件的使用方法会在文件里面的注释代码和Jen的博客中有描述。 补间动画在设计师和开发人员需要在一个项目中合作的时候非常有用。下面的这个例子告诉你在以下的工作流程中你可以怎样使用补间动画：设计师创建了一个过渡效果，当菜单的菜单项被选中的时候就触发一个事件或者一个动画，而开发人员就要使得这个菜单是可交互的。开发人员会采用设计师创建的模型，把这个补间动画所在的图层隐藏起来并赋予它一个实例名。这样，就可以添加这个菜单对象，并且在菜单项被选中的时候调用事件。 顺便说一下，一定要看看flash动画学习指南的其他章节。