Flash游戏制作--涂鸦板.pdfVIP

本文由滿眸都是你贡献 Windows 操作系统自带的工具--画图程序,想必大家都很熟悉了，虽然与专业绘图软件相 比， 其功能很有 限， 但是画图程序经常在用户手中没有任何处理工具的关键时刻起到巨大的 作用，所以虽然其简陋且简单， 但是仍然有许多忠实的用户一直在使用画图程序，我也是这 些用户中的一名，怀着对画图程序的强烈热爱之 情，使用 Flash 模拟制作了一个功能和画图 程序类似的小游戏，虽然功能比不上画图的强大，但是从中也可 以看出画图程序的雏形，也 希望通过此例，能系统的讲解 Flash 中对色彩对象的应用。(本例的.swf 文件 和.fla 文件点击 这里下载) 此游戏的主界面如图 1 所示： 图1 操作方法： 游戏界面主要分为两部分，左部为绘画控制部分，右边为绘画区。左边的控制区包含有调色 板，画笔大小调节杆和三个绘画控制按钮，在绘画前，可以先从调色板中选取一种合适的绘 画颜色， 然后调 节画笔大小调节杆调整画笔大小到合适位置， 然后就可以通过鼠标控制画笔 在右方的绘画区进行绘画了。如 果在绘画中对某一笔不满意的话，可以点击控制按钮”回上 一笔”，撤消上一步的操作，当绘制完成一幅作 品后，可以点击控制按钮”打印作品”，将作 品从打印机中打印出来，然后点击控制按钮”清除面板”将绘 画区清除，然后就可以进行下一 幅作品的绘制了。 制作步骤： 1．既然是画图游戏，当然少不了一只画笔 了，不过这里的画笔是比较特殊的，就是当选取 某种颜色后，笔杆也会相应的呈现出这种颜色，可以使绘画 者对当前绘画颜色一目了然。所 以画笔由两部分组成，笔杆和画笔显示颜色的部分。我们先制作画笔显示颜 色的部分，新建 一个 MC，并命名为 pencolor,,然后在编辑区绘制如图 2 所示的图形， 图2 其形状很象一个画笔，将作为画笔颜色的显示部分。接下来制作画笔的笔杆，新建一个 mc,并命名为 pen,笔杆由画笔的主体和显示颜色的部分组成，为了便于编辑，这里需要两个 图层分别放置主体和显示颜色 的部分,所以在编辑区中首先绘制如图 3 所示的画笔轮廓； 图3 在新建一个图层，将组件 pencolor 放到此层，并和图 3 画笔轮廓对齐，并在属性面板中设置 对象 pencolor 的 Instance name 为 pencolor,对齐后画笔整体效果如图 4 所示： 图4 这里需要注意的是： 需要将画笔颜色组件所在层放置到画笔轮廓所在层的下方， 不然画笔轮 廓将被完 全遮住。这样，一个简单的画笔就制作好了： ） 2． 在绘画前可以使用鼠标调整画笔大小， 所以这步来制 作画笔大小调节杆， 并制作成 Button 组件。新建一个 Button 组件，命名为 tangButton,进入编辑区后， 在 Up 桢绘制如图 5 所示的 滑头： 图5 然后分别在 Over 和 Down 桢插入两个关键桢，并在 Down 桢将滑头的填充色改变，这样在 拖动调整滑 杆的时候可以看到滑杆颜色的变化， 可以明确目前的操作， Down 桢如图 6 所示： 图6 新建一个 MC,命名为 sizeP,将组件 tangButton 拖到编辑区中， 然后在建一个 mC,命名为 switch, 在 file:///G|/Documents and Settings/Lch/桌面/wenkuxiazai/Download/计算机/Flash游戏制作--涂鸦板.txt [2012-3-14 18:45:02] 编辑区中新建三个图层， 有上到下分别放置组件 sizeP,三角形的粗细模拟图形和提示文本， 如图 7 所示： 图7 同时在属性面板中设置对象 SizeP 的 Instance name 为 sizepointer. 3.接下来制作三个功能按钮，三 个按钮主体一样，只不过有不同的提示文本罢了，新建一个 Button 按钮，简单的绘制一个圆角矩形即可，如 图 8 所示： 图8 4．既然是绘画程序，画布当然是少不了的，因为游戏中绘画是由鼠标进行的，所以需要将 画布制作成 Button,新建一个 Button 组件， 命名为 Canvas,在编辑区中绘制一个大小适中的正 方形即可。 5．游戏中 的调色板是动态生成的，由 Action 进行控制，我们只需要制作一个调色板中的 一个色块作，然后使用 Action 对其进行复制等操作即可自动生成调色板结构。首先建一个 Button 组件，命名为 boxbutton,在编辑 区中 Up 桢绘制一个矩形，填充色可以随意设置，如 图 9 所示：