MC新手入门（四十六）------ 手势支持

我们可能都接触过“水果忍者”这款游戏，通过手指在屏幕的滑动来模拟刀的砍切动作。

图9-1-1

    我们可能玩过手机上的塔防类的游戏，我们能用手指拖动要建造的箭塔到制定的位置；指头点击箭塔会弹出升级以及贩卖的选项；用两个指头去捏屏幕，能够放大或者缩小地图。那么以上说到的拖动，点击，捏等这些能被手机识别的手势，就属于我们这部分要讲到的手势支持的内容。

图9-1-2

    手势支持，顾名思义，就是手机能识别你的手指的动作。目前在MC能做到的手势支持的动作有：点击，拖动，滑动，捏开/合，长按，短按。

图9-1-3

那么这些功能在MC是如何实现的呢？
   手势支持的实现
在MC里实现手势支持需要通过以下的途径
    1. 有四个相关的事件：鼠标按下，鼠标松开，长按，多点触控。这几个事件还是比较好理解的，需要说明的就是多点触控，触发的条件是，多个手指同时按在屏幕上。
    2. 有四个相关的变量：knob_x，knob_y，knob_r，knob_ang。这四个变量只有在多点触控的情况下才会发生变化，先来解释一下MC实现多点触控的原理：
当多个手指头触碰到屏幕上的时候，我们去计算这所有点的坐标的平均值，从而得到取平均后的坐标（knob_x,knob_y）。对于这些点，我们构建一个圆，这个圆的半径为这些点到圆心的平均值。在我们手指捏合的过程中，这个圆的半径在缩小，那么，当前这一帧的圆半径与上一帧的差，就是knob_r,knob_ang是用来判断手指的旋转趋势的。当手指相对屏幕做顺时针运动的时候，knob_ang就为正值，当做逆时针运动的时候，knob_ang为负值。
    3.有两个函数可以调用：
以下两个函数都是在单个手指滑动的情况下使用的
                            getOnScrollDXY(float *dx, float *dy)
这个函数的返回值dx，dy的含义是，当前帧的拖动点和上一帧拖动点的在x、y的差值。
                              getOnFlingVXY(float *vx, float *vy)
这个函数的返回值vx，vy的意思是，当拖动后手指头离开屏幕那一瞬间的速度
学完上面的知识，下面我们就来动一动手。
手势支持的实例
第一步，我们按照下图对所有角色进行摆放

图9-1-2-1

第二步，先搭建边框actBun，对actBun角色添加“碰撞事件”，对应行为“脚本编辑器”添加如下代码：
                             PhysicalResponse(MOVE_COLLIDE_ACTOR_ONLY, USE_CALCULATED_MASS, 1.000000 , 1.000000, 0.000000, 1.000000);
对bird角色添加三个动画，就是bird的三个不同大小的照片，按照大中小命名为：animBirdBig，animBirdMiddle，animBirdSmall。
txtKnob角色添加“绘制角色”事件，行为“脚本编辑器”其代码如下：
        //输出四个变量
                             sprintf(text,”x=%.6f\n y=%.6f\n r=%.6f\n ang=%.6f\n”, knob_x, knob_y, knob_r, knob_ang);
         txtScroll角色用来显示getOnScrollDXY函数的返回值，添加“绘制角色”事件，行为“脚本编辑器”其代码如下：
                                  float i,j;
                            getOnScrollDXY(&i,&j);
                            sprintf(txtScroll.text,"getOnScrollDXY:%f,%f",i,j);
         txtFling角色用来显示getOnFlingVXY函数，添加“绘制角色”事件，行为“脚本编辑器”其代码如下：
                                     float i,j;
                            getOnFlingVXY(&i,&j);
                            sprintf(txtFling.text,"getOnFlingVXY:%f,%f",i,j);
         funcPressType角色用来获取按键类型，先建立一个全局变量pressType以侦测按键类型，如图9-1-2-1        然后添加“绘制角色”事件，行为“脚本编辑器”其代码如下：
                            getPressType(&IPressType);
                            if(IPressType == 0)
         //表示这是刚按下鼠标的状态，进而衍生出短按长按和拖动状态
                                 {
                                      sprintf(txtState.text, "on down");
                            }
                            else if(IPressType == 1)
//表示这是长按的状态
                            {
                                     sprintf(txtState.text, "long down");
                            }
                            else if(IPressType == 2)
        //表示这是短按
                            {
                                      sprintf(txtState.text, "short down");
                            }

         以上的步骤都是用来做数值的显示的示范，接下来才是具体使用actBird角色，总共有五个事件，全都是“脚本编辑器”行为。

图9-1-2-2

    在这之前，先定义一些自定义的变量，打开菜单栏“脚本”->“角色脚本”->“自定义变量”，创建四个变量如下图所示

图9-1-2-3

事件一：“创建角色”事件
                            IBirdSize = 2;
                            DSumR = 0.0;
                            IDragState = 0;
事件二：“绘制角色”事件
//对小鸟的大小进行判定，在捏合和捏开中能看到
                            if( IBirdSize == 1 )
                            {
                                      ChangeAnimation("actBird", "animBirdSmall", FORWARD);
                            }
                            else if( IBirdSize == 2 )
                            {
                                      ChangeAnimation("actBird", "animBirdMiddle", FORWARD);
                            }
                            else if( IBirdSize == 3 )
                            {
                                      ChangeAnimation("actBird", "animBirdBig", FORWARD);
                            }


                            sprintf(txtSum.text, "%.6f", DSumR);

//拖动状态的判定
                             if(IDragState == 1)
                            {
                                      actBird.xscreen = xmouse;
                                      actBird.yscreen = ymouse;
                            }
                            else
                            {    
                                      if(xvelocity >= 30.0)
                                      {
                                                 xvelocity -= 5.0;
                                      }
                                      else if(xvelocity <= -30.0)
                                      {
                                                 xvelocity += 5.0;
                                      }
                                      else
                                      {
                                                 xvelocity = 0.0;
                                      }
                                      if( yvelocity >= 30.0)
                                      {
                                                 yvelocity -= 5.0;
                                      }
                                      else if(yvelocity <= -30.0)
                                      {
                                                 yvelocity += 5.0;
                                      }
                                      else
                                      {
                                                 yvelocity = 0.0;
                                      }
                            }
事件三：“多点触控事件”
                            DSumR += knob_r;
                            if(DSumR > 0.1)
                            {
                                      IBirdSize = 3;
                            }
                            else if(DSumR <- 0.1)
                            {
                                      IBirdSize = 1;
                            }
                            else
                            {
                                      IBirdSize = 2;
                            }
事件四：“鼠标键按下”事件
//进入拖动状态，同时速度归零
                            if(IPressType == 0)
                            {
                                      IDragState = 1;
                            }


                            xvelocity = 0;
                            yvelocity = 0;
事件五：“鼠标键弹起”事件
//状态复位以及侦测甩动后的瞬时速度
//状态复位以及侦测甩动后的瞬时速度
                            float i,j;
                            getOnFlingVXY ( &i, &j );


                            IDragState = 0;


                            xvelocity = (double)j;
                            yvelocity = (double)i;
//考虑到i,j太小，所以强行把初速度改成200
                                 if(xvelocity > 0) xvelocity = 200;
                           else if(xvelocity < 0) xvelocity = -200;


                           if(yvelocity > 0) yvelocity = 200;
                           else if(yvelocity < 0) yvelocity = -200;

都做好了，导出到手机看看效果吧。在手机上，你能拖动小鸟，甩动小鸟，捏放或者捏合来改变小鸟的大小，还能通过数值的变化看到具体的参数以及按键类型。

Demo下载地址：http://www.dongyo.cn/bbs/forum.php?mod=viewthread&tid=2528&extra=page%3D1%26filter%3Dauthor%26orderby%3Ddateline%26orderby%3Ddateline