填色游戏实验报告.docVIP

信息技术学院 《Flash演示媒体动画》 设计性实验报告 专 业： 13级计算机科学与技术 班 级： 姓 名： 学 号： 设计题目： 填色游戏 指导教师： 2014年 05 月 17 日 Flash CS6填色游戏设计 一、作品设计的目的意义 Adobe Flash CS6是用于创建动画和多媒体内容的强大的创作平台。Adobe Flash CS6设计身临其境，而且在台式计算机和平板电脑、智能手机和电视等多种设备中都能呈现一致效果的互动体验。新版Flash Professional Cs6附带了可生成 sprite 表单和访问专用设备的本地扩展。可以锁定必威体育精装版的 Adobe Flash Player 和 AIR 运行时以及 Android 和 iOS 设备平台。 3.游戏实现 1）新建Flash文档，舞台大小设置为550*400像素，颜色默认，帧频设置为30帧/秒，保存文档名为“丁晓薇的填色游戏”。 2）文档的整个时间轴如图： 3)为了方便舞台时间轴帧的跳转，在“标签”图层的第2帧、第4帧、第6帧分别添加tu1、tu2、tu3帧标签。 4）选择“背景”图层的第1帧，从素材中将“背景”图形元件拖入舞台，然后在舞台上添加游戏的名称。选择“按钮”图层的第1帧，从素材中将按钮剪辑拖入舞台。选择“图”图层的第1帧，从素材中将3个小图标拖入舞台，并将它们排列整齐。 5）选中Play按钮打开其动作面板，添加如下代码： on(release){ play(); } 选择“小图标1”，在其动作面板上添加如下代码： onClipEvent (enterFrame) { //反复执行下面的语句 this.onRollOver = function() { //鼠标指针移至该影片剪辑上时 this.onEnterFrame = function() { //反复执行下面的语句 if (this._xscale100) { //如果这个影片剪辑的横缩放比例小于100 this._xscale = this._yscale += 5; //则横纵缩放比例递增 } }; }; this.onRollOut = function() { //鼠标指针移开该影片剪辑上时 this.onEnterFrame = function() { if (this._xscale80) { //如果这个影片剪辑的横缩放比例小于80 this._xscale = this._yscale -= 5; //则横纵缩放比例递减 } }; }; this.onRelease = function() { //单击该影片剪辑时 _root.gotoAndPlay(tu1); //跳转到tu1帧，并且播放 }; } 这些代码实现的效果是鼠标移动到小图标上，小图标逐渐增大，而鼠标移开时，小图标又恢复到原来的状态。单击小图标会调转到相应的帧播放。 6）将步骤（5）中在“小图标1”上添加的代码分别复制到其他两个小图标的动作面板上，需要注意的是，他们跳转的帧分别为“tu2”和“tu3”。 7）选择“显示区”层的第2帧，从素材中将“显示区”图形元件拖入舞台的左侧。选择“按钮”层的第2帧，从素材中将10个颜色按钮、两个翻页按钮、一个清除按钮和一个返回按钮拖入舞台，放到适当位置。 8）选择白颜色按钮，在其动作面板上添加如下代码： on (press) { _root.sezhi = //赋予变量sezhi的值} on (press, release) { myColor = new Color(_root.xiguan.yanliao); //新建作用于吸管里颜料的颜色对象 myColor.setRGB(_root.sezhi); //设置影片剪辑yanliao的颜色 } 将这些语句复制到其他9个颜色按钮的动作面板上，需要注意的是，给变量_root.sezhi赋的值要与按钮颜色的色值相对应。 9）选择“下一张”按钮，在其动作面板上添加如下代码： on (rollOver) { //鼠标指针移至该按钮上时 Mouse.show(); //鼠标显示 setProperty(_roo