Flash小游戏项目任务书

Flash小游戏项目任务书北方工业大学信息工程学院计算机科学与技术系2009年 04月 10日1Flash小游戏项目需求说明北方工业大学计算机科学与技术系一. 课程目的1通过理论课学习和上机操作，使同学们掌握Flash软件的基础知识。2. 掌握Flash的启动与退出、Flash文档的新建和保存、Flash的工具认识和Flash的舞台设置等知识。3. 能够利用Flash绘制图形、填充图形和编辑图形。4. 了解在Flash中的素材、元件及“库”面板的使用，包括导入各种类型的素材、创建3种不同的元件、转换元件类型和“库”面板的使用等知识.5. 掌握Flash动画的制作，包括帧的使用、图层的创建、简单动画（逐帧动画、补间动画）的制作、特殊动画（引导动画、遮罩动画）的制作等内容.6. 能够为动画添加声音，包括为帧和按钮添加声音、输出声音和设置声音等内容.7. 掌握为动画添加Actions语句，包括添加Actions语句的方法、Actions语句的语法规则及内涵、控制动画播放Actions语句和对Flash组件的使用等内容。二. 课程内容1. 学习和掌握绘图与编辑工具使用；2. 学习和掌握文本、辅助工具和色彩使用；3. 学习和掌握资源和资源管理；4. 基本动画制作5. 图层动画制作6. 编辑应用音频资源7. 系统配置与动画测试8. 动作脚本应用基础9. 交互式动画10. 组件与行为11. 作品的导出与发布三. 课程设计报告内容要求1系统目的2系统总体设计及使用技术3系统主要功能4系统主要界面及介绍5系统难点6课程设计的总结四. 课程具体要求使用Flash结合AS制作出2款小游戏，并上传到指定Web服务器上测试。注：AS是指Action Script1 运行环境操作系统： WindowsWeb服务器： IIS开发工具： Flash CS32 功能描述整个游戏的场景不得少于2个。2.1 基本功能描述l 元件绘制：游戏使用的所有道具都需要自己绘制。l 代码编写：代码可以使用老师提供的范例、但是必须结合自己的游戏进行优化。扩展功能描述l 多玩家：在同一台机器时间2个玩家对战游戏。l 人机对站：实现玩家和电脑的对战。l 网络对站：玩家通过网络实现对战操作。 工程进度表：时 间进 度目 标第1天绘制游戏中的元件了解绘图与编辑工具第2天绘制游戏中需要的文本框，如圈道、最优成绩、总用时1.理解文本和文本域的概念。2.掌握在Flash动画中创建文本和文本域、设置文字属性的基本方法。掌握对文本进行变形处理的方法和操作步骤。3.掌握辅助工具的用法。4.掌握色彩的选择与编辑的方法 第3天导入外部赛道图片，效果声音、视频进入元件库1.掌握素材的导入方法和图片素材的编辑方法。2.了解元件库。3.掌握元件的创建与编辑操作。第4-5天制作Ready,Set,Go及其他效果动画了解基本动画制作1.创建运动过渡动画。2.创建变形过渡动画3.创建帧-帧动画。第6天制作纷飞的蝴蝶、滚动字幕、燃烧的蜡烛实例了解动作脚本的基本术语，掌握动作脚本基础第7-10天赛车碰撞检测代码,设置游戏启动初始值，完成赛车游戏的制作1.了解动画的交互性，2.掌握为按钮、关键帧分配动作的方法，3.按钮事件及动态按钮，4.控制动画的播放，5.声音的控制3 编程要求在项目开发过程中必须严格遵守下列要求：(示例见附录)1) 所有元件必须使用添加到元件库的方式；2) 所有元件必须放置在独立的层内；3) 元件不能使用示例中的；4) CS代码必须进行完成，修改成满足自己具体的应用；五. 附例使用Flash 8制作拼图小游戏说明：此例主要Flash 8的复制到网格和hitTest()函数等命令的使用，对两者的结合制作出拼图小游戏的过程进行了详细的说明。图2 未标题-1.jpg 320320像素 图1 完成效果图 拼图游戏是一种古老的游戏，相信大家都玩过拼图游戏，今天我就将拼图游戏的一种制作方法教给大家。完成效果如图1。游戏规则：当在某个小图片上按下鼠标左键不松开鼠标进行拖动时，该小图片跟随鼠标移动，当松开鼠标时，如果是小图片的最后正确位置，该小图片就停留在正确位置，否则回到原来的位置。制作步骤：1 使用Photoshop进行图片处理1） 打开Adobe Photoshop CS；2） 使用“文件”菜单的“打开”命令打开准备好的图片“未标题-1.jpg”，如图2。 3） 使用“视图”菜单的“显示”的“网格”命令，显示出网格。4） 使用切片工具将图像等分为36份。（每份33小格） 5） 使用“文件”菜单的“存储为Web所用格式”命令，单击“存储”按钮后，选择保存位置（本例选择“桌面”）和名称（本例为“未标题-1.html”）后，保存即可。6） 关闭Adobe Photoshop CS。2 使用Flash 8制作拼图游戏1） 打开Flash 8，新建一个“Flash 文档”。2） 设置文档大小为640480像素。3） 使用“文件”菜单的“导入”下的“导入到库”命令，将桌面上的“images”文件夹中所有图片导入到库中。4） 从库中将“未标题-1.gif”拖入舞台中，按F8键将它转换为元件，名称为tu1，类型为影片剪辑，确定。5） 重复上一步操作，把“未标题-2.gif”转换为tu2，“未标题-3.gif”转换为tu3，“未标题-36.gif”转换为tu36。6） 将舞台中的36个影片剪辑打乱次序后进行排列。方法：先将每行的左面一个和右边一个放好位置，再选中这一行的几个，使用对齐面板中的“垂直中齐”和“水平平均间隔”进行排列。之后再对每列的几个影片剪辑，使用对齐面板中的“水平中齐”和“垂直平均间隔”进行排列，如图3。 图3 7） 将图层1命名为“图形”，并锁定。8） 在库面板中，右击tu1，选择“直接复制”，在弹出的“直接复制元件”对话框中，名称为bt，类型为按钮，确定。这时就有一个按钮元件bt。9） 双击bt按钮图标，进行按钮的编辑：将弹起帧的内容全选后，使用“修改”菜单的“分离”命令（或按Ctrl+B）把图像打散，使用墨水瓶工具给它添加黑色边框。在点击帧插入关键帧。在弹起帧将填充删除，只留边框。10） 返回场景1。新建一图层，将该图层拖到“图形”层的下面。11） 将按钮bt拖入舞台中，选择该按钮，执行“插入”菜单的“时间轴特效”的“帮助”下的“复制到网格”命令，在网格尺寸的行数和列数中填入6，在网格间距的行数和列数中都填入0像素数。单击确定按钮。12） 出现一个“复制到网格”的影片剪辑，将其分离（Ctrl +B),在属性面板，将分离后的元件的实例类型（默认的是图形）都转换为“按钮”。并按先行后列的顺序起名bt1，bt36。位置如下图。将该层命名为“按钮”并锁定。13） 新建一图层，命名为“参考图”，将该图层拖到“按钮” 层的下面。14） 将“未标题-1.jpg”文件导入库， 将之拖入“参考图”层，转换为元件，位置和按钮层的按钮相同，在属性面板，设置其颜色：Alpha，15%。15） 使用文本工具，在图片的上方空白处输入文字“拼图游戏”：隶书、60、粗体、颜色#996600；在滤镜面板，添加“投影”效果，阴影颜色#999966。锁定该层。16） 将“图形”层解锁，选中影片剪辑tu1，打开动作面板，输入代码：onClipEvent (mouseDown) /当按下鼠标左键时 if(this.hitTest(_root._xmouse,_root._ymouse,false) /判断鼠标指针在该对象上 this.startDrag(true); /进行鼠标跟踪 x=this._x; /用x存储原来的水平坐标 y=this._y; /用y存储原来的垂直坐标onClipEvent (mouseUp) /当按下鼠标左键时 if (this.hitTest (_root.bt1) /判断该对象和按钮bt1有重叠，停留在正确位置 this._x=_root.bt1._x; /使该对象的水平坐标和按钮bt1的水平坐标相同 this._y=_root.bt1._y; /使该对象的垂直坐标和按钮bt1的垂直坐标相同 else /否则返回原来位置 this._x=x; this._y=y; stopDrag();/_root.bt1可用this._parent.bt1代替。17） 将以上代码全选后复制，返回场景，再选择tu2，打开 动作面板，进行粘贴，只用将bt1全部改为bt2即可。方法：可在动作面板中单击查找和替换按钮，在弹出的“查找和 替换”对话框中，查找内容：1，替换为：2，单击“全部替换”按钮。18） 类似进行上步操作，为其它的影片剪辑都添加动作代码。19） 使用“控制”菜单的“测试影片”（或按Ctrl+Enter），观看效果。20） 使用“文件”菜单的“导出”的“导出影片”（或按Ctrl+Shift+Alt+s），输入文件名“拼图游戏”，保存。21） 可使用“文件”菜单的“发布设置.”命令进行发布设置后发布。也可使用“文件”菜单的“发布”命令（Shift+F12)直接发布。7Web项目规范北方工业大学计算机科学与技术系