Appgamekit制作消消乐小游戏（附代码）#3

导语

上次居然仅仅只做到了第三步，这样的速度让我不敢相信！我的编程工作已经做到了第七步了（目前因为技术问题卡住了…）接下来我会加快脚步了。（文章接下来会贴更多的代码，并且每个代码块之间间隔很短，请谅解）
这些文章建议没有读过的从头阅读，否则你可能不知道我在干什么
最近我一直在看Appgamekit的官方文档，一直没有更新，惭愧不已，马上肝出来了这篇文章！让我们开始吧，Link start!!!

代码 4.实现随机生成1个或者2个可拖动的数字格子

这算是很简单的一步了。
照例打开Appgamkekit

准备工作

首先我们知道，要随机生成一个或两个数字格子，所以我们会需要一个随机变量。当它为1的时候，生成1个格子，当它为2的时候，生成两个格子。那么首先在main.agc文件里定义一个名为ORT的变量。

另外，我们曾经在第一篇文章中定义了一个名为sprite1的变量，可能会有人好奇为什么要有一个1，这里就是答案。它指这是第一个格子。当我们需要两个格子的时候，我们不能只是用1，2来代表它们，所以我们还需要定义个sprite2.

ORT as integer
sprite1=1
sprite2=2

主要编程

这里暂时不用给ORT赋值。来到Load.agc文件里开始操作。在ORT为1的时候，代码不变。当ORT为2的时候添加如下代码

LOAD2:
ORT=random(1,2) //给ORT随机赋值，1或2
CreateImageColor(1,0,255,255,255)
CreateImageColor(255,255,255,0,255)//当需要创建两个格子的时候，我们会需要两个不同颜色的格子
if ORT=2
   CreateSprite(sprite1,1)
   CreateSprite(sprite2,255)
   SetSpriteSize(sprite1,50,50)
   SetSpriteSize(sprite2,50,50)
   SetSpritePosition(sprite1,blockX/2-30,blockY)//设置两个格子的位置
   SetSpritePosition(sprite2,blockX/2+30,blockY)
endif
if ORT=1
   CreateSprite(sprite1,1) //这些是原本的代码
   SetSpriteSize(sprite1,50,50)
   SetSpritePosition(sprite1,blockX/2,blockY)
endif
return

注意在这里开头出现了一个“LOAD2:”,也就是说在结尾需要一个return，并且在LOAD2里不要包含上次生成25个可放置区块的代码。

在这个时候如果编译运行的话会报错，为什么呢？因为在我们生成25个可放置区块的时候，我们是从2号开始创建的

所以这里我们要修改一下，把i的值从2修改为3，把循环至26修改为27

for i=3 to 27

这个时候运行就会成功了。如果ORT的值为2的话那么会有这样的运行情况‘

代码 5.实现使用鼠标同时拖动两个数字格子

这个挺复杂的。具体情况你们可以看下图（这是我的Movesprite.agc文件，可能和你们的不同）

不过不用担心，一点一点地渗透这里还是挺简单的。当你成功地写出这些代码的时候你会感到无比的骄傲的。

废话不多说，开始编程。

首先在Movesprite.agc文件里定义如下变量(换个颜色换个心情）

mouseX1 as float
mouseY1 as float
mouseX2 as float
mouseY2 as float
jiange = GetSpriteX(4)-GetSpriteX(3)-GetSpriteWidth(3)

上面4个变量很好懂，两个数字格子的XY坐标，这里需要和一个格子的情况区分开来，不然后面会混的。最后一个jiange是什么意思也很好懂，两个数字格子之间的间隔嘛（汉语拼音…）

得到这些变量之后，我们会需要修改一下之前的代码，之前我们曾在Movesprite.agc里写过移动一个格子的代码，这里我们在上面套一个if语句来检测目前是否生成了一个格子（如果生成的是两个格子这里的代码就失效了）

if GetRawMouseLeftState()=1
 if ORT = 1
 if GetRawMouseX()>=getspriteX(sprite1)-20 and GetRawMouseX()<=GetSpriteX(sprite1)+GetSpriteWidth(sprite1)+20
  if GetRawMouseY()>=GetSpriteY(sprite1)-20 and getrawmousey()<=GetSpriteY(sprite1)+GetSpriteHeight(sprite1)+20
  .
  .
  .
  endif
  endif
  endif
  endif /*注意要endif结尾*/

做好这些后，在if getrawmouseleftstate()=1里面再套一个if语句，不过这个if需要我们自己写。其实用鼠标拖动两个格子的逻辑很简单，不过就是同时更新两个精灵的坐标而已。所以我们在这里需要写下…

.
.
.
if ORT = 2
  if GetRawMouseX()>=getspriteX(sprite1)-20 and GetRawMouseX()<=GetSpriteX(sprite2)+GetSpriteWidth(sprite2)+20
  if GetRawMouseY()>=GetSpriteY(sprite1)-20 and getrawmousey()<=GetSpriteY(sprite1)+GetSpriteHeight(sprite1)+20
  /*注意，这里的检测语句和一个格子的情况不一样，所以不要复制粘贴*/
  
   mouseX1 = getrawmouseX() - jiange /*更新坐标，使用到了之前定义的jiange变量*/
   mouseY1 = getrawmouseY() - GetSpriteHeight(sprite1)/2
   mouseX2 = getrawmouseX() + jiange
   mouseY2 = getrawmouseY() - GetSpriteHeight(sprite1)/2
  
   if mouseX2 > blockX /*边框*/
     mouseX2 =blockX
   endif
   if mouseY1 >blockY
     mouseY1 =blockY
   endif
   if mouseX1 < 0
     mouseX1 = 0
   endif
   if mouseY2<0
     mouseY2=0
   endif
   setspriteposition(sprite1,mouseX1,mouseY1)/*更新坐标*/
   setspriteposition(sprite2,mouseX2,mouseY2)
endif
.
.
.

如果程序没有任何问题的话，那么点击运行后，可以看到当生成了两个格子之后，我们可以拖着它们到处跑了！！！这是一个大成功！！

不过在写好之后可能有人会发现，我贴的图片上的代码要比这里的多，其实多出来的代码就是我这两天一直在官方文档看的东西了，这些东西是动画，链动画（我喜欢这样子叫它）。

在现在的代码写好之后可以发现，不管是单个还是两个格子，在拖动它（们）的时候总是会瞬移（也就是在鼠标左键按下的一瞬间把格子的定位到了我们设定的坐标，这很不好。）我一直在寻求解决方法可以过渡一下，如果使用inc 命令或者是for语句来递增坐标的话那么运算量会爆掉的，如果使用直接的动画那么制作成本又很高，所以我找到了这个，链动画！

由于这个涉及的东西比较多，有兴趣的可以自己去翻翻官方文档（在Appgamekit按F1）我这里就只讲我用到的。

要使用链动画的话，首先得创建一个链。我们在load.agc里创建它

chain = createtweenchain()

CreateTweenChain() //创建一个chain，也就是链

请注意，这里我说的链动画并不是它真实的名称，这只是我自己看官方文档的翻译而已。

创建过链之后，我们还会需要创建Tween精灵（使用动画的精灵）
同样在Load.agc里，在我们创建格子的地方，添加如下一系列代码

.
.
.
if ORT=2
   CreateSprite(sprite1,1)
   CreateSprite(sprite2,255)
   SetSpriteSize(sprite1,50,50)
   SetSpriteSize(sprite2,50,50)
   SetSpritePosition(sprite1,blockX/2-30,blockY)
   SetSpritePosition(sprite2,blockX/2+30,blockY)
        CreateTweenSprite(sprite1#,sprite1)//这是我添加的代码
        CreateTweenSprite(sprite2#,sprite2)
endif
if ORT=1
   CreateSprite(sprite1,1)
   SetSpriteSize(sprite1,50,50)
   SetSpritePosition(sprite1,blockX/2,blockY)
        CreateTweenSprite(sprite1#,sprite1)//同上
endif
.
.
.

可以看到，创建Tween精灵函数的使用方法和创建普通精灵的方法一样，但是这里我们用到了两个新的变量sprite1#和sprite2#,所以我们在main.agc函数里定义它（其实不用定义也可以）

sprite1#=1
sprite2#=2

我们有了Tween,也有了链，接下来在Movesprite.agc里用上它们

来到Movesprite.agc里，在这里我们得删除一些东西，也就是setspriteposition()函数，我们不再爱它了TAT！然后把它换成新的SetTweenSpriteX()和SetTweenSpriteY()。写下如下代码…

.
.
.
 if ORT = 1   
 .
 .
 .
   SetTweenSpriteX(sprite1#,GetSpriteX(sprite1),mouseX,0.1)//后面的0.1是指动画时间，0.1秒
   SetTweenSpriteY(sprite1#,GetSpriteY(sprite1),mouseY,0.1)
   //SetSpritePosition(sprite1,mouseX,mouseY)
   PlayTweenSprite(sprite1#,sprite1,0.1) //开始播放动画，时间为0.1秒
   AddTweenChainSprite(chain,sprite1#,sprite1,0) //把Tween赋给普通精灵，并增加到链中，时间为0秒
   PlayTweenChain(chain) //开始播放链
   UpdateAllTweens(GetFrameTime())//更新Tween精灵
   sync()
  endif
 .
 . 
 if ORT = 2
   .
   .
   .         
     
   SetTweenSpriteX(sprite1#,GetSpriteX(sprite1),mouseX1,0.1)
   SetTweenSpriteY(sprite1#,GetSpriteY(sprite1),mouseY1,0.1)
   SetTweenSpriteX(sprite2#,GetSpriteX(sprite2),mouseX2,0.1)
   SetTweenSpriteY(sprite2#,GetSpriteY(sprite2),mouseY2,0.1)
   //SetSpritePosition(sprite1,mouseX1,mouseY1)
   //SetSpritePosition(sprite2,mouseX2,mouseY2)
   PlayTweenSprite(sprite1#,sprite1,0.1)
   PlayTweenSprite(sprite2#,sprite2,0.1)
   AddTweenChainSprite(chain,sprite1#,sprite1,0)
   addtweenchainsprite(chain,sprite2#,sprite2,1)//后面的数字也是指动画时间，1秒和0秒
   PlayTweenChain(chain)
   //SetSpritePosition(sprite1,mouseX1,mouseY1)
   //PlayTweenChain(chain)
   UpdateAllTweens(GetFrameTime())
   //SetSpritePosition(sprite2,mouseX2,mouseY2)
   
   sync()
   
  endif
 . 
 .
 .

在这一切都做好之后，就可以编译并运行了。运行之后就可以发现现在拖动色块不再像之前那样瞬移式移动了，它现在会有一个过渡动画。就像这样

结语

接下来将会是很难的部分。需要坚持走下去，如果只是三分钟热度的话是不行的，我已经出了3篇文章了，但一直没有涉及到真正的主体编程部分。

最近快开学了，我还是学生呢。开学之后可能更新的频率就会小了，可能一月一更，但是不会断更的，无论是什么情况我都是不会断更的！等这个消消乐游戏做完之后我可能会去做虚幻4的文章，但是我对虚幻4的了解非常少，希望各位不会耻笑了。

我是XresKing Howard!