网页制作 | WPM专栏 | 模板地带 | 插件大全 | 下载专区 | 追梦论坛 | 关于我们

『 追梦论坛 』 | 01

用户名: |
密 码: |

| 游客 注册

『 文章排行 』 | 02

阅读排行榜

评论排行榜

最新推荐文章

推荐/发表文章

『 分类文章 』 | 03

Dreamweaver | Flash
Fireworks | HTML/CSS
Javascript | ASP/ASP.net
Java/JSP |

『 本站搜索 』 | 04

关键字: |
类 型: |

导航：首页 --> 网页制作 --> Flash --> 正文

制作一个Flash的填色游戏
来源： 牛筋大学出品 作者： qinni

前些日子qinni在非常牛论坛贴出了她制作的一个添色的flash小游戏，是用编程实现的，很多朋友都对这个小游戏的做法非常感兴趣，所以qinni专门为大家编写了这样的一个教程。 影片地址: 39_10.swf 第一个中文的教程，大家多多指教，下面大家看到的这个动画，就是我们今天要制作的flash添色小游戏。 源文件
影片地址:
39_10_12.swf

先用Rectangle Tool画两个方形（别的形状也可以），注意你画的图形里面一定要有填充色，如果一开始没有设定的话，你可以用Paint Bucket Tool来填色，我的例子里用黑色的画外框，用白色的填充。
选其中一个方形的填充色部位（注意不要选外面的线条），然后用Insert/Convert to Symbol 把它转换成Movie Clip，你可以给它一个比较有意义的名字（这是个值得养成的好习惯，总是给你library里面的东西取个好名字。虽然我总是做不到），我管它叫SmallRec。（见图1）
用第二个步骤把另外一个方形的填充色部位也转换成Movie Clip，我的叫BigRec。
现在你也学会说：qinni，我的flash 文件现在看这怎么不对劲啊，两个方形外面的黑框怎么有部分找不到了？
呵呵，这就对了，我下面就会说这个。
现在，选SmallRec和BigRec（别告诉我你不知道怎么同时选两样东西啊：）
点鼠标左键先选其中的一个，再按住Shift 键，用鼠标选另外一个），用Ctrl和x键把SmallRec和BigRec cut下来。
新加一个layer（Insert/Layer)，点中这个新的layer，把它拖到原来layer1底下，然后在这个新的layer被选中的情况下，按Ctrl + Shift + v 把原来cut的东西paste到新的layer。（如果你用Ctrl + v的话，你要paste的东西会出现在和原来不同的位置）如果你不介意的话，顺手把layer1改名成Outlines - 在这个layer上的是两个方形的外框，把layer2改名成Fillings - 在这个layer上是SmallRec和BigRec。完成后，你的timelines显示应该如下图：（见图2）
再新加一个layer，把它的名字改成Action。这个新的layer只是用来放一些action script。鼠标右键点击这个Action layer的第一帧，从跳出的菜单里选action，然后把下面的Action Script copy & paste 到你的Actions window里。（见图3）
function swapColor(iname){
var myColorNumber;
myColorNumber = random(7)
myColor = new Color(iname);
switch (myColorNumber) {
case 1:
myColor.setRGB(0xffffff);
break;
case 2:
myColor.setRGB(0x006600);
break;
case 3:
myColor.setRGB(0x990000);
break;
case 4:
myColor.setRGB(0x6666ff);
break;
case 5:
myColor.setRGB(0xff9900);
break;
case 6:
myColor.setRGB(0x000099);
break;
case 7:
myColor.setRGB(0xffff00);
break;
default:
myColor.setRGB(0x666666);
}
}
别着急，这就要完成了。鼠标右键点击SmallRec，从跳出的菜单里选action, 然后把下面的Action Script copy & paste 到你的Actions window里。
on (press) {
_root.swapColor(this);
}
对BigRec重复步骤6。
行了，用 Ctrl + Enter来测试你的新作品，ＧＯＯＤ　ＬＵＣＫ！
你可以让两个movie clips做些动画，不会影响填色的。你学会了这个后，你可以画一些复杂点的图，然后把一个色块组成一个movie clip，示例中的这个龙大概用了六七十个movie clips吧：）

( 编辑： yanjie 阅读： 发布时间： 2003/04/27 )
[参与讨论] [推荐给好友] [大 中 小] [关闭窗口]

·相关文章· |  | ·最近更新·

| Flash AS教程之八 声音AS的编写与控制 [06-25]
| Flash AS教程之七 绘图及颜色的AS编写 [06-25]
| 竖直方向的弹簧振子效果 [06-20]
| 循环旋转花边效果 [06-20]
| Flash AS教程之六 FLASH的流程控制与循环控制语句 [06-20]
| Flash AS教程之五 拖拽动作以及碰撞动作详细讲解 [06-18]
| Flash AS教程之四 动态文本的编写以及外部文本的载入 [06-18]
| Flash AS教程之三 影片剪辑的AS编写规则 [06-16]

webmaster:webmaster@kupage.com Support:support@kupage.com | Copyright © Kupage.com 2000-2003 All Rights Reserved 感谢安信科技提供主机