|
Photoshop结合Flash制作瓢虫变色交互动画(3)(2)
我们在这里必须用到影片剪辑的概念，影片剪辑可以用来在舞台上表演动画，影片内可以嵌套影片。它可以自己一边播放，一边参与到别的节目中，成为一个演员。举一个形象的例子：我们正在观看电视，电视里演出的人正在看电视，那个电视里也正在播出动画节目。那么，最后一级的电视机可以看成是一个电影剪辑，它一边播放动画，一边还参与演出。它所参与的演出节目，本身也是一个动画，被我们收看到了。这里就是一个形象的三级嵌套。影片剪辑可以被我们编的程序进行控制，比如控制它是否播放，播放到哪个位置，自己的透明度是否被改变，自己的颜色是否被改变等。我们本例正是要用程序改变它的颜色。因此，我们先把这个色块转化为影片剪辑。
在属性面板中，对这个电影剪辑命名为“sk”，意为色块。我们可以手动测试一下，在属性面板右侧，设置这个影片剪辑的色调，可以看到，我们可以手动把它变色啦。手动的变色并不是目的，我们的目的是用程序来控制它。后面我们用简单的编程试一试。
在最上层建立一个新层，命名为“as”，这是一个程序专用层，当然你也可以起别的名字，名字是为了方便我们识别该层。其实我们可以把程序写在任何一个层上，但是为了便于管理，我们用一个专层放程序。如果我们在动作面板里写入程序的话，在该帧就会出现一个“α”符号，表示这一帧有我们编制的程序，我在动作面板里输入一些字符，大家可以看到该帧就有了这样的变化。
进入动作面板，我们输入下面的字符：
r=0; //设置红色值
g=0; //设置绿色值
b=255; //设置蓝色值
colora=new Color(_root.sk);
colora.setRGB(rgb);
rgb=(r<<16g<<8b); //将颜色值设置在色块上
其中每行中的//符号后面的文件，被称为注释，它是方便我们后面调程序时，对语句的自我解释。我们可以通过写注释，记住自己编程到此时的一些想法。
其中的_root，是指的舞台，_root.sk就是我们刚才做的那个叫sk的色块电影剪辑。这种语法就象在点名，指定某实体变颜色。后半部分语句，让我们把变量r，g，b做为颜色值应用在这个电影剪辑上。这些语句大家不用完全明白意思，先做出一个实例，后面再慢慢学。
按下Ctrl+回车，我们测试一下吧。
我们设置的是一个蓝色，为什么虫虫变成黑了啦？莫不是我编的程序有问题？
不要紧，我们来解决这个问题。用鼠标纵向选择各层第二帧，右键，插入帧，我们让这个动画拥有两帧，这样在测试的时候，它会反复播放第一帧和第二帧，新的颜色值就会被赋予电影剪辑啦。
Ctrl+回车，再次测试，这下虫虫变色啦。这一步我们学习了如何使用编程的方式为虫虫变色，下一步，我们制作交互的动画，让朋友们可以通过拉动拉杆为它自动变色。
我们来制作一个拉钮，建立一个新层，用椭圆工具，按Shift键，画一个小圆形，设置这个层的名字为“拉杆”。
还是用刚才的方法，框选这个圆，点右键，转换为一个电影剪辑。命名为“拉杆”，我们可以按着Alt键，用移动工具复制两个。现在一共有三个拉钮啦。
我们还使用刚才手动改变虫虫颜色的方法，改变这三个按钮，把它们的颜色改为红，绿，蓝三色。并分别按颜色命名为：rr，gg，bb。这样，我们就在舞台上放了三个具有名字的实体了，我们可以用程序控制这三个实体来改变RGB值，从而实时的反映到虫虫身上。
下面我们为这三个拉钮引用的共同目标进行编辑，这样三个拉钮就会同步更新。这也是Flash强大之处，所有引用同一个元件的实体，都会因为改变这个元件而被同步更新。双击库中的“拉杆”电影剪辑，进入这个元件进行更改。从图示标注来看，我们现在已经离开舞台，进入这个元件，单独编辑它啦。
在这个元件里，有我们前面画的黑色圆形，我们框选它，用右键，使用转换为元件的方法，把它转换为一个电影剪辑，起名为“按钮”，并在属性栏里为它起一个实体名“an”，意思是按钮。这样我们就让红绿蓝三色拉钮中，都增加了一个实体，名叫“an”。
这部分理解起来会很难，但是一旦理解了它，后面我们就可以制作出非常强大的交互动画。
| 
