游戏毕业论文.doc

平顶山工业职业技术学院毕业设计说明书毕 业 设 计（说 明 书）题 目： FLASH游戏制作 姓 名： 陈红美 编 号： ( )字 号平顶山工业职业技术学院年 月 日平顶山工业职业技术学院毕 业 设 计 （论 文） 任 务 书姓名 专业 任务下达日期 年 月 日设计（论文）开始日期 年 月 日设计（论文）完成日期 年 月 日设计论文题目 A.编制设计 B.设计专题（毕业论文） 指 导 教 师 系(部)主 任 年 月 日平顶山工业职业技术学院毕业设计（论文）评语第 页共 页 学生姓名： ， 专业 年级 毕业设计(论文)题目： 评 阅 人： 指导教师： （签字） 年 月 日 成 绩： 系(部)主任： （签字） 年 月 日毕业设计（论文）及答辩评语： 平顶山工业职业技术学院毕业设计（论文）答辩委员会记录 系 专业，学生 于 年 月 日进行了毕业设计（论文）答辩。设计题目： 专题（论文）题目： 指导教师： 答辩委员会根据学生提交的毕业设计（论文）材料，根据学生答辩情况，经答辩委员会讨论评定，给予学生 毕业设计（论文）成绩为 。答辩委员会 人，出席 人。答辩委员会主任（签字）： 答辩委员会副主任（签字）： 答辩委员会委员： ， ， ， ， _， _。559平顶山工业职业技术学院毕业设计说明书摘要Flash CS3由著名的互动多媒体软件公司Macromedia 出品，是目前公认的功能强大的交互式多媒体制作软件。它制作的Flash动画是一种矢量动画格式，它是用Macromedia公司的FlashCS3软件编辑而成，具有体积小、兼容性好、直观动感、互动性强大、支持MP3音乐等诸多优点，是当今最流行的动画格式。Flash动画广泛传播和广阔自由度的特性，无论是艺术家还是普通的爱好者都可以从Flash中找到展现自己风采的舞台。随着经济的高速发展，伴随而来的是文化素质发展不平衡和文化素质的缺失等问题。国家的发展不只依靠经济科学来发展，要整体相协调、统一发展才能有效的发展，在现代说就是软实力，软实力就是这个国家的人们对本国文化、价值观、影响力、道德准则、文化感召力等无形的。因此无形的、看不见的软实力需要国家来宣传、来教育，使国人明白文化素质的无形东西的重要性。Flash动画无论从作品还是从发展趋势来说，都要求Flash动画在技术和艺术上重新进行定位，加强动画造型能力，把握动画运动规律，注重镜头设计，提高Flash动画的视觉表现力。只有不断提高Flash动画技术和艺术含量，才能有利于Flash动画的发展，并能在一个更高的平台上扩展其应用领域。当代教育模式多种多样，根据孩子接受知识的不同，我们依据个人情况进行教育，很多人对于单调的文字产生厌倦感，如果给它添加音乐、视频、动画等多媒体效果，会吸引人们对知识的学习兴趣。Flash就可以让枯燥的文字转变为带有音乐、动画效果的视频文件，多种多样的模式，尤其是具有互动性的小游戏，更能激发学生们的学习兴趣，让他们在娱乐的时候不知不觉中学到知识。“寓教于乐”正是我们现在追求的一种理想的教育模式。因此，我想出开发一款具有教育意义的小游戏。市场上的小游戏有很多，但是宣传环境保护如垃圾分类、节约用水、禁止吸烟的小游戏几乎没有，所以为了弥补市场上的空白，让更多的人了解到环境保护的重要性，我做出了这个毕业设计。关键词：Flash ，软实力 ，寓教于乐，环境保护目 录摘要7第一章 绪论101.1 引言101.2 Flash的发展前景101.3 Flash的发展方向121.4 研究背景141.5 国内外研究动态141.6 研究的意义151.7 研究的内容15第二章 需求分析162.1 问题描述162.2 Flash动画前景分析162.3 可行性分析162.4 相关知识172.4.1 FlashCS3172.4.2 Adobe PhotoshopCS4182.4.3 QQ影音、录音机19第三章 总体设计203.1剧本策划203.2分镜头设计203.3人物设计233.4 场景设计24第四章 详细设计274.1人物的制作274.1.1主人公的绘制274.1.2 人物动作的制作284.1.3 用键盘控制玛丽走路的制作284.2 禁止吸烟小游戏的制作304.2 拼图游戏的制作374.4 垃圾分类游戏的制作41总结与展望54参考文献55致谢56平顶山工业职业技术学院毕业设计说明书第一章 绪论1.1 引言 Flash是由美国Macromedia公司出品的用于矢量图编辑和动画创作的专业软件。Flash软件主要用于动画制作，使用该软件可以制作出网页交互式动画,还将成为一个较大的交互式动画。 Flash还被广泛用于多媒体领域，如交互式软件开发、产品展示等多个方面。随着Flash的广泛使用，出现了许多完全使用Flash制作的多媒体作品。由于Flash具有支持交互、文件体积小、效果棒等特性，并且不需要媒体播放器之类软件的支持，因此这样的多媒体作品取得了很好的效果，应用范围不断扩大。 Flash是一个优秀的矢量绘图与动画制作软件，它秉承了矢量绘图软件的所有优点，能制作出声色俱佳的动画效果。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画。另外利用 PhotoShop编辑处理图片，可以使色彩更加靓丽，使Flash具有更大的设计空间。 当今社会是一个高速发展的信息化的社会，Flash 动画给人一种良好的视觉感受，通过超级玛丽公益广告动画这一特殊载体，来进行一种宣传式的交流，而这一交流过程要求动画制作人在动画制作中融入自己的思想与情感。使自己设计的作品能够起到向受众宣传保护环境的公益文化，丰富受众的生活文化素质和对公益文化的发展。本设计主要是用Flash CS3多媒体制作软件制作的一个简单的超级玛丽公益广告动画，其主要有两部分组成，即动画和游戏两部分。利用这种多媒体软件来制作游戏。用Flash软件做出的动画作品，其最大的特点是它能够把一些矢量图、位图和文字和录音做成交互性很强的动画，不仅具有视觉和听觉的双重感受，而且小游戏的互动性，使其更具有趣味性和创造性。1.2 Flash的发展前景Flash被称为是“最为灵活的前台”，由于其独特的时间片段分割（TimeLine）和重组（MC嵌套）技术，结合ActionScritp的对象和流程控制，使得在灵活的界面设计和动画设计成为可能，同时它也是最为小巧的前台。Flash具有跨平台的特性（这点和Java一样），所以无论你处于何种平台，只要你安装了支持的Flash Player，就可以保证它们的最终显示效果的一致，而不必像在以前的网页设计中那样为IE或NetSpace各设计一个版本。同Java一样，它有很强的可移植性。最新的Flash还具有的手机支持功能，可以让用户为自已的手机设计喜爱的功能。当然首先必需要有支持Flash的手机，同时它还可以应用于Pocket PC。 Falsh动画在网上因短小且内容丰富，成为一种非常好的交互和表达方式，它主要经历了简单动画、位图动画、手绘动画、自动生成动画几个发展过程。那么Flash动画究竟是怎样发展起来的，将走向何处？ 在初期Flash动画都是一些简单的动画，比如形状、大小的变化，颜色的变化等等，简单的制作便组成了一个作品，这便是最原始的动画。后来由于国内某些人在MTV制作上的成功，许多人争相效仿，国内便涌现出了一大批MTV的作品，这些作品有一个明显的特征便是大量采用了位图，虽然画面精美却由于位图太多太滥已经失去了动画的精髓，之中也时而不时地有些好作品问世，但总给人一种欲说还休的遗憾。 经过几个月的发展，有大批的美工加入到Flash动画制作者行业之中。它们大都拥有手绘这一特长，于是国内便又涌现出一大批手绘的原创动画作品，作品的风格有写实也有搞笑的，有些是明显的日本动画风格，有些有明显的本土化倾向。这些作品将Flash世界点缀得异常精彩。而Flash作品的商业化也成了Flash动画的推动力，商业化应用需要在最短的时间内完成一个完整的动画作品，动画自动生成软件及其它相关软件的插件也因此承现出一派繁荣景象。比如制作专门字体效果的Swish、Flax软件，专门制作效果的Swift3D 等都是一些动画自动生成的工具，还有3Dmax的插件、Moho软件、Pesor等等这些工具软件的出现大大丰富了Flash动画的制作，让以前要经过几小时甚至几天时间来制作的动画在几分钟之内便可以完成。或者在将来会出现像Photoshop的滤镜一样的功能，将一个个的功能高度集成到软件中间，从而大大加速商业化应用。 当今Flash动画的发展已经向大型化、复杂化、系列化、艺术化方向发展。所谓大型化、复杂化就是一个Flash动画已经是一个完整的系统，比如图形化的MUD，图形化的聊天室，3D实物电子商务展示平台等。这些在以往的商业应用中是根本不可能实现的，现在可以用Flash轻松实现。系列化是围绕一个中心制作一组Flash动画，这个中心可以是一群人，也可以是一个长篇故事或者小说。比如台湾的阿贵的故事、EBOOK系列，国内Showgood的爆笑三国系列动画，这些都是Flash动画系列化的典型。此时的Flash作品已经不再是一个纯粹的动画，它已经成为一个品牌！艺术化是指那些充满艺术性、不时闪现创意火花的作品。比如在移动互联平台上制作的Flash动画就要求有较强的艺术性,这是由硬件平台的特性所决定的。当然,所有这一切离不开最基本点就是商业化,上述的内容都受到商业化的主宰,也是因为更复杂更现实的商业应用推动了Flash动画发展,让Flash展现出世界的多姿多彩。移动设备上网是未来重要的发展方向,在移动设备上播放动画将成为一种时尚、一种必然趋势,目前Flash已经提供了对在pocket pc操作平台上播放广泛娱乐内容、在线学习内容以及商业应用等内容的支持。所谓的microsft 、pocket pc操作平台包括：COMPAQ、CASIO及JORNAD等设备提供的用户操作平台。它使用的是WinCE的操作系统，而对于此类平台，出厂设置普遍为16-bit色、内建音频支持及206 MHZ的CPU运算速度。从而在硬件上满足了mcaromedia Flash技术的运行要求，使mcaromedia Flash技术有机会向PDA领域发展。基于PALm操作系统的掌上电脑也出现了像gMovie这样的软件，它不但可以对Swf文件格式进行转化，还可以流畅地播放转化后的动画文件。虽然这些移动式掌上电脑平台播放Flash动画有着动画文件较大、交互功能差等这样那样的限制与不足，但它的意义是深远的，它将成为移动动画领域的一朵奇芭，从而在未来的移动设备时代中占据一席之地！ 在国外出现了一种软件叫swf studio它扩展了超过30个全新的FSCOMMAMD；提供一套开放的插件体系；多媒体内容管理；多边形窗口；直接发送邮件；访问文件系统；读写硬盘和注册表；更多播放模式支持等等；这些功能都是激动人心的。可惜目前它的价格对一般的个人用户来说太贵了，但对于公司用户来说这功能与价格的性价比的确令人垂涎欲滴！有人提出Flash经过几年的发展目前已经到了穷途末路，从Flash自身的限制，国内Flash作品的便宜价格，其它更优秀软件的冲击都可以看出端倪，但是我们应该相信一点，macromedia公司肯定不会眼看着自己手中的软件就这样消亡，他们肯定会把Flash的应用推向一个新的阶段，而众多的从业人员会更加努力地扩展它的应用面，相信Flash的未来会更加美丽与精彩。1.3 Flash的发展方向1、应用程序开发：由于其独特的跨平台特性、灵活的界面控制以及多媒体特性的使用，使得用Flash制作的应用程序具有很强的生命力。在于用户的交流方面具有其它任何方式都无可比拟的优势。当然，某些功能可能还要依赖于XML或者其它诸如JavaScript的客户端技术来实现。但目前的现状是：很少有人具有运用Flash进行应用程序开发这方面的经验。但这个难度会随着时间的推移而逐渐减弱。事实上，对于大型项目而言，使用Flash此时未免有些言之过早，因为他意味着很大的风险。当然，在最早的时间掌握和积累这方面的经验无疑是一种很大的竞争力。可以将这种技术运用在项目中的一小部分或者小型项目中，在减少开发的风险。2、软件系统界面开发：Flash对于界面元素的可控性和它所表达的效果无疑具有很大的诱惑。对于一个软件系统的界面，Flash所具有的特性完全可以为用户提供一个良好的接口。3、手机领域的开发：手机领域的开发将会对精确（像素级）的界面设计和CPU使用分布的操控能力有更高的要求，但同时也意味着更加更广泛的使用空间。事实上手机和Pocket PC的分界已越来越不明显，开发者必须为每一款手机（或Pocket PC）设计一个不同的界面，因为它们的屏幕大小各有不同。当然软件的内核可能是相同的，所要注意的是各类手机CPU的计算能力和内存的大小。这无疑是些很苛刻的要求。4、游戏开发：事实上，Flash中的游戏开发已经进行了多年的尝试。但至今为止仍然停留在中、小型游戏的开发上。游戏开发的很大一部份都受限于它的CPU能力和大量代码的管理。不过可喜的是，Flash Player 7运行时性能提高了2至5倍；而且最新的Flash MX 2004 Professional提供了项目管理和代码维护方面的功能，Actionscript 2.0的发布也使得程序更加容易维护和开发。 5、站点建设：事实上，现在只有极少数人掌握了使用Flash建立全Flash站点的技术。因为它意味着更高的界面维护能力和开发者整站架构能力。但它带来的好处也异常明显：全面的控制；无缝的导向跳转；更丰富的媒体内容；更体贴用户的流畅交互；跨平台和瘦客户端的支持；以及与其它Flash应用方案无缝连接集成等。 6、多媒体娱乐：其实，在这个方面无需再说什么。尽管它的发展速度没有像当初预言的那样迅速，但它仍然还在不断前进。Flash本身就以多媒体和可交互性而广为推崇。它所带来亲切氛围相信每一位用户都会喜欢。 flash影片的后缀名为 .swf ，该类型文件必须有flash播放器才能打开，但占用硬盘空间少，所以 现在被广泛应用于游戏。1.4 研究背景人类很早就能运用复杂的文字、逼真的图画来讲述事物，但是对于事物客观存在的“运动”因素，一直不能有效地表达。一百多年前，光电技术与绘画结合，促成了动画片的诞生；五十多年前，计算机技术渗入动画领域，开启了数字动画时代。艺术需要表现，表现离不开工具，工具也会给艺术创作带来形式上的变化和形象上的启发。动画原本就是艺术形象与科学技术相结合的产物。动画片的制作方法是有一定历史渊源的。视觉形象可以用来记录历史和进行艺术创作，展现人类文明的成果。从动画诞生之日到今天，动画形象的制作工具和手段一直在变化中。从手工描绘到电脑制作，动画形象的制作时间越来越短、质量越来越高，动画形象制作的工具对动画的发展，产生巨大的影响。作为艺术设计的作品，通常具有审美、市场、社会意义三方面的需求。而作为制作技术工具的电脑软件，需求主要体现在动画形象的制作效率和制作质量上。在数字动画时代，利用多种软件来制作动画形象，是形象制作工作顺利进行的关键因素。 1.5 国内外研究动态在高速发展的计算机技术推动下，数字动画作为一种直观生动的多媒体表现形式，被应用到各个领域。Flash动画片是在Flash软件普及的大环境下来进行设计和制作的。使用商业软件进行产品设计的工作方式，在20世纪90年代在我国开始普及。在当时个人计算机运行速度还很慢的环境中二维动画制作软件也是比较常见的。例如Autodesk公司发布的Animator动画制作软件，可以制作一些颜色数量较少的动画。当时只需几张软盘，就可以把Animator装到计算机里。现在，能够用来制作二维动画的商业软件比较多。在一些中小型动画公司，经常使用Animo、Usanimation、AXA、Toonz等动画软件。另外很多商业软件中具有制作图形动画功能，如Director、Authorware等。动画制作软件，使得动画制作渐渐脱离了作坊式的画笔描绘方式，开始更多地使用计算机设备来进行。自从Flash动画制作软件诞生，经过十几年的发展，使得Flash动画不仅在互联网上成为动画的代名词。目前Flash动画拥有世界上最大的动画制作群体。Flash动画制作技术也随着制作软件的不断优化更新，成为一种跨国界的大众化制作工具。近年来，我国大力发展动漫产业，动画片创作蓬勃发展。Flash动画投入低、易于实现，成为我国很多艺术工作者理想的表达工具。在不断膨胀的互联网世界中，国产的高质量Flash动画作品已经随处可见。艺术品往往需要带有鲜明的个性，表现手法也不尽相同，进行Flash动画片制作的方法和手段多种多样。很多专业图形图像处理软件的不断完善，给Flash动画形象制作提供了更为有效的工具。1.6 研究的意义20世纪以来，动画艺术蓬勃兴起。随着电脑进入家庭和数字技术的发展，一种新的动画形式Flash动画进入人们的日常生活，并以互联网为主要平台迅速传播，遍及电脑、电视、手机等媒体，受到年轻人的广泛关注和喜爱。基于Flash的多媒体动画技术在迅速发展的过程中不断探索对传统题材表现的广度与深度，不断尝试技术上的创新，但目前国内对于这一方面的研究还过于零散，缺乏相应的理论指导和较为系统化的梳理总结。基于flash多媒体动画技术的研究入手，从目的与意义，形式与内容，思考与发展等几个方面进行探讨，同时结合实例来分析和讲解flash在多媒体动画开发中的应用。Flash 动画的设计将会使人们更加热爱Flash 动画的制作和研究，满足人们的精神需求，增加人们的生活乐趣。1.7 研究的内容运用flash CS3制作公益游戏。主要研究 Flash 动画制作的基本操作和功能，主要内容包括：Flash的各种绘图工具及如何使用工具绘制和编辑图形；图层、元件、实例、库及场景的各种操作。如何导入图形图像；创建各种动画的方法步骤动画中声音的导入及合成；关于交互式动画的基础知识及操作；创建交互式动画的方法步骤；Flash动画的输出和发布。当今社会是一个高速发展的信息化的社会，Flash 动画给人一种良好的视觉感受，通过这种Flash 动画这一特殊载体，来进行一种互动式的交流，而这一交流过程要求动画制作人在动画制作中融入自己的思想与情感。这就说明设计人员要有创新的思维模式和手段进行创作。 只有这样，才能与时俱进，设计出优秀的动画作品。第二章 需求分析2.1 问题描述随着现代技信息技术和通信技术的飞速发展，许多新的技术都用到了教育领域，如数字化音像技术、广播与卫星通信技术、虚拟现实仿真技术等，从而教育技术的内容和形式也随之产生了深刻的变革。现代教育技术的应用已不再停留在音像技术在宣传中的层次，而是朝着网络化、信息化、教育宣传技术应用的多样化、远程教育宣传的广度和可视化的呈现是多媒体化的发展趋势。但是我们在科学技术下经济飞速发展趋势下，难免疏忽了文化教育方面的问题，我们要对宣传教育不能忽视，一个人的成长，最大的影响在孩提时代，教育不到，宣传不够都可能造成一个人的兴趣爱好和文化素质方面的缺失，小则一个人，大则一代人。所以加强对公益文化素质的宣传，宣传公益文化的必要性、重要性和紧迫性。Flash快速发展是未来发展的必然趋势，因此在这样的大背景下，通过用flash制作公益游戏，把无形的宣传可视化更能起到宣传的效果，更具有教育意义。2.2 Flash动画前景分析Flash软件已经成为了网上活力的标志,应用这一技术于电视、广告、卡通、MTV制作等方面，进行商业推广，把Flash从个人爱好变成一项朝阳产业。这样，Flash将作为一个产业渗透到音乐、传媒、IT、广告、房地产、游戏等各个领域，开始拓展无限的商业机会。Flash已经从单纯的文化形式，成为了文化传播与商业宣传相结合的新的典范。随着Flash文化的进一步快速发展，Flash不仅已经形成一种独立的艺术形式，Flash的商业应用也将更加广泛和成熟。“闪客”一族的杰出代表也开始走到幕前，成为网络文化的风云人物。2.3 可行性分析随着上网人数的剧增，越来越多的商业客户开始重视网络这个宣传、展示的平台，网络广告近些年也呈快速发展之势。在网络广告的发展历程中，简单的静态的banner广告形式已经不能满足客户的要求，因此，又出现了漂浮广告、弹出式广告以及大幅面广告等众多形式，我在考察了众多的网络广告形式之后，又结合了传统广告的制作、创意等情况，认为未来的网络广告形式中，Flash广告将大有可为。 Flash的广告形式具有亲和力和交互性优势。这是与网络的开放性结合在一起的，使其可更好地满足受众的需要，让欣赏者的动作成为动画的一部分，通过单击、选择等动作决定动画的运行过程和结果，使广告的传达更加人性化，更有趣，比起传统的广告和公关宣传，通过Flash进行向受众宣传有着信息传递效率高、受众接受度高、宣传效果好的显著优势。2.4 相关知识2.4.1 FlashCS3在我的作品制作中，所使用最多的软件是Flash，统一的版本是FlashCS3，统一的舞台大小为880 X 660像素。在做作品时我用到了动作面板（如图21），遮罩动画（如图22），颜色面板（如图23），影片剪辑（如图24），补间动画（如图25），引导动画（如图26）等。 图21 动作面板 图22 遮罩动画 图23 颜色面板 图24 影片剪辑 图25 补间动画 图26 引导动画 2.4.2 Adobe PhotoshopCS4此作品的场景设计主要用到了图形图像处理软件Adobe Photoshop，统一的版本是Adobe PhotoshopCS4。如图28。图28在使用这个软件时我主要用到了以下工具：画笔工具（B）:在画笔预设里可以设置笔尖形状，绘制出来的素材比较形象，制作又简单。裁切工具（C）：用于当一张图片我就需要一小部分，又不需要太大是就用裁剪工具将所需素材框选出来，然后回车，就得到理想中的效果。魔棒工具（W）：在处理图片时，背景颜色不用，就复制背景图层，并让背景不显示，用魔棒工具将背景颜色选中，删除。移动工具（V）:用于将素材移到合理位置，也用于将素材拖到另一文件中。套索工具（L）:套选出想要的素材，反选，经不要的删除或与前相反，或是选中后复制到其他图层等。任意变形工具（Ctrl+Enter）:将素材变大变小，旋转，斜切，扭曲，透视等来达到自己想要的效果。渐变工具（G）：用于形状的填充，多种颜色的和可以使要做出的形状更加形象，如：天空、草地、树。2.4.3 QQ影音、录音机在做作品时，我在配音时使用了录音机，声音的加入可以让动画更加栩栩如生，形象生动。所以我利用录音机给整个动画加入了配音（如图29）。图29在做作品时，我还为整个作品添加了背景音乐和歌曲。整个场景的配乐更是增加了作品的丰富多样性和美感，但是我并不需要整首歌曲，所以就使用QQ影音对音乐进行了截取。如图210。 图210 第三章 总体设计3.1剧本策划 本设计的主题是超级玛丽智救公主。剧本的主要内容是超级玛丽为了见到公主，需要进行闯关游戏，其中共有三关，一是严禁吸烟的敏捷类游戏，二是宣传垃圾分类的拼图游戏，三是让大家学会垃圾分类的连连看游戏。只要玛丽闯过这三关就可以见到公主了！本剧本的主人公是超级玛丽，女主角是漂亮的公主。设计的刚开始是一个心形的遮罩动画，遮罩里是公主和超级玛丽一起站在城堡的场景，右下角有个卡通的“START”按钮，单击即可开始。这时在屏幕上出现了一座由远而近看到的山，山上有个城堡，而后出现了两排向山上走的脚印和被放大了的城堡，城堡中有公主，意思就是只要玛丽闯关上山，成功了就可以见到公主了。开始动画结束，右下角出现一个“PLAY”按钮，只要单击此按钮，闯关即刻开始。超级玛丽在闯关中可能会遇到吃过的香蕉皮，用过的笔或者是正在燃烧的烟头，只要碰到就会进入相应的闯关游戏，这是旧需要运用自己的勇气和智慧，学会并记住垃圾分类的知识，谨慎而快速的避开吸烟的人，只有这样玛丽最后才会见到公主喔。3.2分镜头设计本作品共有五个镜头。其中的三个为游戏，一个是开始界面，另一个是开始动画。开始动画中我使用了“远景”的效果使人们可以看到整个设计场景，在动画的最后我又使用了“特写”的效果从而让人们了解到这个游戏的目的是让超级玛丽救出城堡的公主。镜头一设计说明：这个镜头是本设计的开始界面，镜头整体设计简洁明了，背景是用深绿到黑色的放射状渐变，舞台正中是一个心形的遮罩动画，遮罩动画中是公主和超级玛丽一起站在城堡上的画面。在舞台的右下角有个卡通的“START”按钮，单击即可开始。具体设计如图3-1所示。 图3-1 分镜头一设计镜头二设计说明：镜头二是本设计的开始动画。其中我在动画开始时使用了“远景”的效果使人们可以看到整个设计场景，出现了一座由远而近看到的山，山上有个城堡，而后是玛丽从天而降的补间动画，看到山上的城堡及城堡中的公主后，出现了两排向山上走的脚印和被放大了的城堡，城堡中有公主，意思就是只要玛丽闯关上山，成功了就可以见到公主了。开始动画结束，右下角出现一个“PLAY”按钮，只要单击此按钮，闯关即刻开始。具体设计如图3-2所示。 图3-2 分镜头二设计镜头三设计说明：镜头三是一个禁止吸烟的小游戏。这个小游戏就是超级玛丽为了见到公主所要闯的第一关，开始此游戏后，你可以用键盘上下左右键来控制人物的走动，在游戏中碰到烟或者吸烟的人就会减慢前进的速度，碰到漩涡就会加快前进的速度，按照游戏中提示的箭头找到出口你就成功了！通过这个小游戏让人们认识到在公共场所吸烟是一个很不好的习惯。在公共场所吸烟不仅会危害自己的健康，而且更会危害他人的健康。我们拒绝吸“二手烟”！具体设计如图3-3所示。 图3-3 分镜头三设计 分镜头四设计说明：镜头四是一个宣传要对垃圾进行分类的拼图游戏。随着经济的发展和人民生活水平的提高，垃圾问题日益突出。我国669座城市，2/3被垃圾环带包围。这些垃圾埋不胜埋，烧不胜烧，造成了一系列严重危害。从理论上说，其实所有的垃圾都可以回收，但是纵观世界各国，在目前的经济和技术条件下，不能回收的垃圾依然需要进行焚烧或者填埋处理；而分类的目的，是将可回收的回收，尽量减少需要焚烧或填埋的垃圾数量。因此才能做到低碳排放，更加保护我们的地球，还它一个原来的绿色面目。镜头四的舞台背景是半透明的粉色，右上角是拼图游戏的字，左下角是一个d动画宣传标语“低碳生活 从垃圾分类做起”，其他部分便是被分成四部分的拼图。具体设计如图3-4所示。 图3-4 分镜头四设计分镜头五设计说明：镜头五是一个让大家学会垃圾分类的连连看游戏。在闯过了第二关后，大家应该对垃圾分类已经了解了，这个游戏就是考考大家对生活中常见的各种各样的垃圾是怎么分类的，只有大家记住了垃圾分类的知识，才可以在日常生活中用到，从而使有用的资源得以回收再利用，还能避免让有毒垃圾污染土壤和地下水。镜头五的舞台背景是一个绿色的卡通水杯的形状。左边是一个垃圾桶，右边是游戏规则的说明，右下角是一个开始游戏的按钮，单击即可开始游戏。游戏界面是在舞台的上半部分是各种各样的垃圾，下半部分是四个垃圾桶，人们可以选择一种垃圾将其拖放到正确的垃圾桶中，直到所有的垃圾都放进垃圾桶。具体设计如图3-5所示。 图3-5 分镜头五设计3.3人物设计每一个作品都有自己设计表现的主角，可以说故事是因他而起，因他而结束的。人物外表形象的设计在作品中也非常重要，动画就是让人们有视觉上的享受，不能太非主流和个性。我的作品的主人公是超级玛丽。超级玛丽的样子如下：他头戴一顶红色的帽子，帽子上有他名字的大写标志“M”，大鼻头，络腮胡，是他长相的主要特征。上身穿了一个红色的长袖，下身穿了一个蓝色的背带裤子，咖啡色的鞋子，手上戴着双白色手套。他的原型来源于外国的普通工作者。具体设计如图3-6所示。图3-6 玛丽在整个设计中的女主角是一个美丽的公主，玛丽为了救公主而开始闯关，所以公主肯定是一个美人。她有着一头漂亮的长发，头上戴着王冠，耳朵上戴着对宝石耳环，脖子上戴着宝石项链，显得她雍容而高贵。一对蓝色的大眼睛更是迷人，樱桃小嘴，完美的身材，漂亮的裙子，无论从哪个角度看，公主都无疑是一个美人。具体设计如图3-7所示。图3-7 公主3.4 场景设计在本次设计中共有三个场景。场景的主色调为绿色，配色有浅黄、黑色、玫红色等。场景的设计风格为清新自然，给人以轻松、舒心的感受。这样的场景设计可以吸引更多的人们来玩这个超级玛丽智救公主的游戏。场景一设计说明：场景一是本设计的开始界面，场景的整体设计简洁明了，背景是用深绿到黑色的放射状渐变，舞台正中是一个心形的遮罩动画，遮罩动画中是公主和超级玛丽一起站在城堡上的画面。在舞台的右下角有个卡通的“START”按钮，单击即可开始。具体设计如图3-8所示。图3-8 场景一设计场景二设计说明：场景二是本设计的开始动画，也算是本设计的游戏说明。在背景的最底层是蓝色的天空，天空中有几朵飘来飘去的白云。在动画刚开始使用了“远景”的效果使人们可以看到整个设计场景，出现的是一座由远而近看到的山，还有绿色的树木，山下有一条弯弯曲曲的河流，在这座山上有一座漂亮的城堡，而后是玛丽从天而降的补间动画，看到山上的城堡及城堡中的公主后，出现了两排向山上走的脚印和被放大了的城堡，城堡中有公主，意思就是只要玛丽闯关上山，成功了就可以见到公主了。开始动画结束，右下角出现一个“PLAY”按钮，只要单击此按钮，闯关即刻开始。具体设计如图3-9、3-10所示。图3-9图3-10场景三设计说明：场景三是本设计的主要场景。背景是蓝色的天空，天空中飘着几朵白云，远处是飘渺的高山，山旁边是绿色和黄色的树木，高高低低，参差不齐，很是好看。树下是红色的篱笆，在最下面是黄色的土壤，土壤上是绿色的草地。整个场景看起来十分清新。具体设计如图3-11所示。图3-11 场景三设计第4章 详细设计4.1人物的制作4.1.1主人公的绘制1、打开软件“Flash CS3”在文件菜单上选择“新建Flash文件（Actionscript2.0）” ；2、把上网搜集到的主人公的图片导入到库，单击“文件”菜单下的“导入”再选择“导入到库”，接着把导入库中的图片拖到舞台上；3、再新建一层，并把导入图片层锁定作为底层。通过钢笔工具，绘制任何的形状并调整，如果锚点不够可以选择添加锚点工具。如果锚点过多，可以选择删除锚点工具。如果要调整曲线选择转换锚点工具，使用部分选取工具，可以用来调节钢笔工具的锚点，及锚点的弯曲程度，然后用线条工具把人物的轮廓描绘出来；4、在描绘好的轮廓图层上进行分区填充，其中可能会用到放射状渐变的填充，像玛丽的帽子，用颜色桶工具来填充来完成整个人物的绘制，同时用墨水瓶工具将玛丽这个人物的整个线条勾勒出来；5、这样，一个静止的人物侧面图就绘制出来了，具体设计如图4-1所示；6、把绘制好的人物图片转化为图形元件为制作人物动作做准备。图4-1 玛丽的绘制4.1.2 人物动作的制作人物的走动主要用的是逐帧动画，也就是把人物走动的每一个动作都描绘出来（主要是人物腿脚的绘制），人物腿脚走路的一系列动作描绘出来。而后从“插入”菜单中选择“影片剪辑”，这样就新可以建一个影片剪辑，把制作好的人物动作拉到舞台中，在窗口中选择“对齐”工具，把导入舞台的人物对齐，播放时就可以看到主人公玛丽的一系列走路动作了。具体设计如图4-2所示。图4-2 玛丽走路的图片4.1.3 用键盘控制玛丽走路的制作作为一个小游戏，其本身必定要有交互性的特征。为了在本设计中实现玛丽被键盘的上下左右键控制走动的效果，需要在玛丽这个影片剪辑上加入代码，通过定义速度，并且让玛丽的x、y位置与速度相同，从而让玛丽动起来，具体代码如图4-3所示。当然，如果我们单纯的只在玛丽这个影片剪辑上加代码的话，玛丽会在原地不停的走动，所以我们还要在主时间轴的帧上加入代码，让玛丽在没有键盘控制时一直站在原地不动，具体代码如图4-4所示。这样的话，玛丽被键盘控制走动的效果就做好了！onClipEvent (enterFrame) var speed=10;if (Key.isDown(Key.LEFT) this.gotoAndStop(2);this._x-= speed;if (Key.isDown(Key.RIGHT) this.gotoAndStop(2);this._x+=speed;if (Key.isDown(Key.UP) this._y-= speed;if (Key.isDown(Key.DOWN) this._y+= speed;/屏幕高度自身高度图4-3 控制玛丽的代码_root.onEnterFrame = function () if(_root mc.hitTest(_root smo) /检测A与B碰撞 i-; gotoAndPlay场景 1;图4-4 主时间轴上的代码在现实生活中，人在走动时，周边的景物也会不停的变化，所以为了更加贴近生活的实际，还要在背景的影片剪辑上加入代码，以实现背景随着人物的走动而不停变化的效果。具体代码如图4-5所示。onClipEvent (enterFrame) if (Key.isDown(Key.LEFT) if (_x700) this._x += 2; else _root.bei._x -= 2; /bei是背景这个影片剪辑的实例名称 if (Key.isDown(Key.RIGHT) if (_x700) this._y -= 2; else _root.bei._y += 2; if (Key.isDown(Key.DOWN) if (_y= 180) this._rotation = 0; / end if图4-10（7） 游戏中主人公在不停的碰到漩涡或吸烟的人等等，那么就需要计算分数，所以还需要在玛丽的影片剪辑的动作中添加碰撞测试的代码，同时还要添加如何计算分数的代码。具体代码如图4-11所示。onClipEvent (enterFrame) if (this.hitTest(_root.groun