Flash游戏——《填色游戏》.docVIP

青岛大学软件技术学院 二维动画课程设计报告 题目名称 Flash游戏制作——《填色游戏》 姓 名 王璐 专 业 数字媒体艺术 班 级 08级1班 指导教师 徐卓 二0一0年一月十五日 课程设计任务书 一、目的： 本次课程设计的目的是通过使用Flash ActionScript 3.0编程技术制作一个Flash小游戏或交互场景动画，使学生在巩固本学期Flash ActionScript编程技术和上一学期Flash动画制作的基础上，进一步培养学生的动画制作能力和编程技术，学会应用所学知识制作交互场景动画和Flash小游戏，积累制作flash动画和游戏的经验，巩固课程所学的理论知识，为以后工作打下基础。 二、要求： 每位同学从所给题目中选择一个作为本次课程设计的主题，使用Flash ActionScript 3.0制作一个小游戏或交互场景动画，设计要求如下： 作品主题积极向上，内容健康作品SWF及FLA文件—2010.1.15；上午8：00—11：30；下午13：30—15：30 地点：西3#实验楼204、205 四、进度计划： 1月4日 选题 1月5日 搜集资料，确定选题 1月6日 编写剧本 1月7-8日 设计分镜台本并准备素材绘制主要角色及场景 1月11日 动画制作 1月12-14 编写程序及测试完善 1月15日 撰写报告 目 录 第一章 游戏功能概述 3 第二章 角色与场景设计 4 2.1 角色设计 4 2.2 按钮设计 5 2.3场景设计 6 第三章 游戏功能设计与实现 8 3.1 游戏原理 8 3.1.1 简介 8 3.1.2 代码 8 3.2添加背景音乐 8 3.2.1简介 8 3.2.1代码 9 3.3为颜色按钮添加侦听事件 9 3.3.1简介 9 3.3.2代码 9 3.4改变笔头和填充色块的颜色 10 3.4.1简介 10 3.4.2代码 10 第四章 测试与完善 12 第五章 小结 13 第六章 心得体会 14 致 谢 16 参考文献 17 第二章 角色与场景设计 2.1 角色设计 本游戏的主要角色有小蘑菇、火龙、晶晶、小狗、官和小精灵，根据游戏需要，集体分别从书本网络上搜集了一些简单漂亮的图片，然后根据图片分别绘制出相应的角色。在这些图片中，个人绘制的有火龙（如图1所示）、苹果、小狗（如图2所示）以及官（如图3所示）。根据游戏需要，绘制完所有角色之后，我又将其按部分分割填充颜色，分别转化成元件，以便添加相应的侦听事件，方便填充颜色。 图1 火龙 图4 苹果和小狗 图3 官 2.2 按钮设计 在游戏中，设置了一些按钮，使玩家与电脑能够交互。在按钮的设计中，其中开始按钮我们做成了一个可以动的影片剪辑，当把鼠标放在上面时，按钮就开始晃动（如下图图4）。 图4 开始按钮 游戏中用到了六张漂亮的图片作为我们游戏的各个界面，都是用“上一张”和“下一张”按钮（如图5、图6）来完成的。通过按“下一张”按钮，进入到下一张图片填充的界面，通过按“上一张”按钮，进入到上一张图片填充的界面。 图5上一张 按钮 图6 下一张 按钮 2.3场景设计 游戏的主场景是一个大象型的绘图板（如下图图7）。 图7游戏主场景 为了使场景不单调，我们给背景添加了一幅漂亮的风景图片。在游戏中，由于用于绘图的六张图片会遮住背景，而用于绘图的填充图片是白色的，我们在大象的肚子上添加了alpha为0.5的米黄色色块（如下图图8）。 图8 背景色块 在这一个场景中，使用了4个图层（如下图图9）， 图9 时间轴 背景图层：一个用来存放背景图片和大象绘图板； 背景色块：一个用来存放用于绘图的填充图块； as：一个as图层用来给游戏添加代码； 音乐：另一个用来存放播放停止音乐的按钮。 游戏的开始界面，有调色盘、画笔以及用于等待的loading（如下图图10）。在制作loading时，使用到了补间动画。外框是由一个矩形，经过柔化填充边缘修改而来。 图10游戏开始界面 第三章 游戏功能设计与实现 3.1 游戏原理 3.1.1 简介 在游戏中，使用了flash包中的一些类，而我们没有定义，需要直接调用这些类。import flash.events.MouseEvent，在对鼠标添加侦听事件时，使用了此类，游戏中用到了CLICK和MOUSE_DOWN以及MOUSE_OVER等鼠标事件。import flash.geom.ColorTran