| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > Flash游戏制作 > 文章正文 用户登录
一个站点要运营成
迅雷联盟:个人站
迅雷联盟,个人站
内容联盟是互联网
一个失败者的网站
从名片看到一个小
一个大学生的网页
网络新生领域扫描
一个站长建站经历
一个网络创业者的

制作一个Flash的填色游戏           

制作一个Flash的填色游戏

作者:佚名 来源:闪吧 作者: 橙贝贝 更新:2007-1-13 20:43:30 错误报告 我要投稿

一个添色的flash小游戏,是用编程实现的
点击开新窗口欣赏该FLASH动画![全屏欣赏]

下面这个动画,就是要制作的flash添色小游戏。

点击开新窗口欣赏该FLASH动画![全屏欣赏]


先用Rectangle   Tool画两个方形(别的形状也可以),注意你画的图形里面一定要有填充色,如果一开始没有设定的话,你可以用Paint   Bucket   Tool来填色,我的例子里用黑色的画外框,用白色的填充。

选其中一个方形的填充色部位(注意不要选外面的线条),然后用Insert/Convert   to   Symbol   把它转换成Movie   Clip,你可以给它一个比较有意义的名字(这是个值得养成的好习惯,总是给你library里面的东西取个好名字。虽然我总是做不到),我管它叫SmallRec。(见图1)


用第二个步骤把另外一个方形的填充色部位也转换成Movie   Clip,我的叫BigRec。

怎么不对劲啊,两个方形外面的黑框怎么有部分找不到了?
呵呵,这就对了,下面就会说这个。

现在,选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里。如下:

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吧



文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。