您好!欢迎您光临游戏-找不同的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>游戏-找不同的制作原理与方法
游戏-找不同的制作原理与方法
发表日期:2012/9/18 13:49:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3737

游戏-找不同的制作原理与方法

   

    教学目的:通过本节教学了解和掌握隐形按钮在制作运用,动作面板及as语句的添加,鼠标跟随等,并通过此原理创作生动有趣的找不同游戏的动画效果。

  教学对象:本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板、as语句和相关界面有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:隐形按钮、动作面板、as语句、Alpha

 

    

    作前准备:

    1.准备一张适合于查找不同的图片,经过制图软件(ps、fw)处理后,在此基础上生成两张有五处不同点的图片,规格均为为220*320,保存到指定的文件夹待用。

    2.准备一张鼓掌的动态的透明小图,规格约120*120,保存到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*400,颜色深绿,其它默认,点击确定,进入场景1。 如图1所示:

图1

    3.导入素材到库

    首先,将准备好的所有素材导入到库中,待用。其素材图如下:


素材图1



素材图2

素材图3

    4.创建影片剪辑

    (1)选择“插入-新建元件”,建立一个名为“放大镜”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。用椭圆形工具和矩形工具,在舞台拖一个规格约17*36的放大镜,将其圆的中心点和舞台的中心点重合。如图2所示:

图2(此图放大了一倍)

    (2)选择“插入-新建元件”,建立一个名为“圆圈”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。下层为圆圈、上层为停止。

    a.选择圆圈图层第2帧,插入空白关键帧,用椭圆形工具在舞台拖一个笔触高度为2,无填充色,规格约为30*30的,红色圆圈,全居中。如图3所示:

图3

    b.选择停止图层第1帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); ,在第2帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop();

    5.创建按钮元件

    选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择第4帧(点击),插入空白关键帧,用矩形工具在舞台拖一个规格约为40*40的,无边线的矩形,颜色随意,全居中。如图4所示:

图4

    6.编辑制作场景

    返回场景1,添加七个图层,共八个图层。自下而上命名为内容、返回、按钮、圆圈、积分、鼠标、鼓励、as。

    (1)选择内容图层第一帧,用矩形工具,在舞台拖一个笔触高度为4,无填充色,规格约为450*300的,金黄色的矩形框,全居中。然后,用文本工具在边框内输入作品题目和相关说明,字体,规格、颜色随意,其位置水平居中,稍上;再在其下方输入“开始”,字体,规格、颜色随意,其位置水平居中。如图5所示:

图5

在第2帧插入空白关键帧,从库中拖出那两张具有五处不同点的位图到舞台,规格均为220*320,并列偏下,水平居中摆放,在第3帧插入关键帧(普通帧也可)。上锁。如图6所示:

图6

    (2)选择返回图层第3帧,插入空白关键帧,用文本工具在两图下方输入“返回”,字体、规格、颜色随意,水平居中。上锁。如图7所示:

图7

    (3)选择按钮图层第1帧,从库中拖出一个隐钮按钮元件到舞台,将其放置在“开始”之上,调整好规格。上锁。如图8所示:

图8

点击该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(2);

}

选择按钮图层第2帧,从库中依次拖出10个隐钮按钮元件到舞台,分别放置在两张图片的不同点之上。如图9所示:


图9

分别依次对左图的五个按钮在属性面板填写其实例名称为:a1a2a3a4a5。如图10所示:


图10

再分别依次对右图的五个按钮在属性面板填写其实例名称为:b1n2b3b4b5。如图11所示:

图11

    为按钮输入指令语句:

实例名称为a1、b1按钮的语句如下:

on(release){
 if (Number(btu1)==0){
 tellTarget("a11"){
  play();
 }
 tellTarget("b11"){
  play();
 }
 btu1=1;
 count=Number(count)+1;
 jifen=count*20;
      }
 if(Number(count==5)) {
  gotoandstop(3);
 }
}

实例名称为a2、b2的按钮语句如下:

on(release){
 if (Number(btu2)==0){
 tellTarget("a22"){
  play();
 }
 tellTarget("b22"){
  play();
 }
 btu2=1;
 count=Number(count)+1;
 jifen=count*20;
      }
 if(Number(count==5)) {
  gotoandstop(3);
 }
}

同理同种方法实例名称为a3、b3;a4、b4;a5、b5的按钮语句同上,所不同的是将其中红色的阿拉伯数字改为相对应的3、4、5即可。

选择第3帧插入空白关键帧,从库中拖出一个隐钮按钮元件到舞台,将其放置在“返回”之上,调整好规格。如图12所示:

图12

为该按钮输入,如下指令语句:

on (release) {
 gotoAndStop(1);

}

锁定该图层。

    (4)选择圆圈图层第2帧,插入空白关键帧,从库中依次拖出10个圆圈影片剪辑到舞台,分别依次放置在10个按钮之上(一定要对准不同点)。如图13所示:

图13

分别依次对左图的五个圆圈在属性面板填写其实例名称为:a11a22a33a44a55。如图14所示:

图14

再分别依次对右图的五个圆圈在属性面板填写其实例名称为:b11b22、b33b44b55。如图15所示:


图15

在第3帧插入帧,上锁。

    (5)选择积分图层第2帧,插入空白关键帧,用静态文本在两图上方中间输入“积分”,再在积分的右侧用动态文本拖一个文本框,字体、规格、颜色随意。如图16所示:


图16

点击动态文本框,在属性面板填写其变量为:jifen 。在第3帧插入帧,上锁。如图17所示:

图17

    (6)选择鼠标层第1帧,从库中拖出放大镜影片剪辑到舞台,位置随意。如图18所示:

图18

选中该实例在属性面板填写其实例名称为:shubiao,并设置其Alpha为50%,如图19所示:

图19

在第3帧插入帧,上锁。

    (7)选择鼓励图层第3帧,从库中拖出鼓掌影片剪辑到舞台,放置在两图中间,规格约为120*120。上锁。如图20所示:


图20

    (8)选择as图层第1帧,按f9。打开动作面板,在as编辑区输入,如下帧语句:

stop();
btu1=0;
btu2=0;
btu3=0;
btu4=0;
btu5=0;
jifen=0;
count=0;
startDrag("shubiao", true);
Mouse.hide();

在第3帧插入帧,上锁。


    7.本作业完成后时间轴显示,如图21所示:



图21

  8.测试存盘

    *说明:

    1.本教程是有五处不同的脚本设定,如果要增加不同点,那么在场景第一帧就要改写为btu1=0;btu1=2;......btu1=n; 在按钮脚本中也要将count==5 改为count==n即可.

    2,本教程中主要是介绍基本原理与方法,为节省空间最终效果显示没有进行装饰性设计,你在创作中可以将其设计得更具有观赏性和趣味性。

    最终效果显示:


http://hsb345.16789.net/domName/hsb345/2009925974142425.swf

 


 

全屏下载

 

祝你成功!

 

进入更多教程

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167