Dreamweaver教程 FrontPage教程
  • Flash教程
  • CSS教程 javascript教程
    当前位置:教程 > 网页制作 > Flash教程 > 正文

    Flash CS4制作经典《填色》小游戏

    编辑:教程网 来源:网络 时间:2011年07月10日 15:46

      简介:本例将制作一个经典的简单的“填色”游戏。游戏内容是,控制吸管吸取颜色,给人换上不同颜色的着装。

      本例内容所涉及到的知识点:

      Color类以及Startdrag()、Mouse.hide()、Mouse.show()方法等。

      1.Color类和Color中的SetRGB()改变颜色。

      2.使用Startdrag()实现鼠标跟随效果,使用Mouse.hide()和Mouse.show()实现隐藏和显示鼠标的效果。

      游戏操作方法:

      玩家通过控制吸管单击颜色按钮,吸取所点的颜色,然后在用吸管单击图中某一区域,此区域就会填充相应的颜色。如果感觉选取的颜色不合适,可以单击“清除”按钮,清除图片颜色。效果如下图“填色”所示。

      实例-填色

      一.素材准备

      1. 声音素材

      在这个游戏中只有4个音效,分别是“上一张”和“下一张”两个按钮上的翻页音效“素材声音1”和“素材声音2”、吸管吸取颜料时的音效“素材声音3”、“清除”按钮上的清除音效“素材声音4”,声音素材请到本站相关板块下载。

      2.元件素材

      (1)在这个游戏里用到两个图形元件,是背景图形元件和显示区图形元件。新建“背景”图形元件,作为游戏的整体背景,如图1所示。新建“显示区”图形元件,用来放置需要填色的影片剪辑,如图2所示。

    Flash CS4制作经典《填色》小游戏
    图1

    Flash CS4制作经典《填色》小游戏
    图2

      (2)制作两个翻页按钮“上一张”和“下一张”同时加入和Play按钮一样的音效。如图3和图4所示。

    Flash CS4制作经典《填色》小游戏
    图3

    Flash CS4制作经典《填色》小游戏
    图4

      (3)制作一个Play按钮,作为游侠的开始按钮。按Ctrl+F8组合键新建按钮,然后在“弹起”帧绘制一个“play”字样的图形。同时在“指针经过”帧和“按下”帧加入声音“素材声音1”和“素材声音2”,如图5所示。

    Flash CS4制作经典《填色》小游戏
    图5

      (4).制作清除按钮,用于清除图片上添加的颜色,按下帧加入声音,加入“素材声音4”。效果如图6所示。

    Flash CS4制作经典《填色》小游戏
    图6

      (5).制作颜色按钮,用于选取颜色。在“按下”帧加入“素材声音3”素材,如图7所示。在这里制作好一个颜色按钮以后,用同样的方法在制作九个不同颜色的按钮,并分别加入“素材声音3”素材。分别摆放成如图8所示。

    Flash CS4制作经典《填色》小游戏

  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/Flash/10074.html

  • 上一篇:设置PNG非透明区域为mask区域
  • 下一篇:Flash教程:snow特效