然后我们就可以把UI放在地图上，角色UI和绘制的游戏地图一层，然后背景放在后面一层，这样地图就会再背景图前面了。

大佬加油

接下来就是点击下一步的移动了，那么我们拿什么定位呢。我拿一些有空间属性但是不显示实体的游戏物体作为定位点放在绿色的网格进行定位，每次点击下一次移动到相应的不显示的点就好了。

然后作出在碰到分叉点相应的UI变化。

基本上游戏的移动逻辑就这些了，然后我们转到下一个场景的制作。就是战斗场景了。

说实话一开始我以为回合制的逻辑不是很难写，直到我自己写的时候我就发现我错了。游戏里面的一堆BUFF和DEBUFF还有一些奇怪的部队编制和被动例如泡菜老师的回复效果，我要全部实现以我目前的水平是不太可能的。所以我决定先实现攻击的几个技能和回血技能。

这里补上在实现战斗场景前实现的游戏结束UI

首先要按照兰斯10战斗场景的布局，第一个需要解决的就是血条的形状问题，貌似网上比较难找到下图游戏场景中的血条形状，所以我自己先画了一个。图一为游戏原型，图二为自己画的。

然后给画的血条上色。

然后是把游戏里的战斗场景需要用到的贴图截下来，将一些需要调整边缘的图放到绘画软件里微调。例如亮和暗的AP图，我要把上面的文字扣掉。操作方法就是选取附近颜色相近的色块点，然后用喷枪喷上去，这样就能覆盖上面的文字了，图四是最终的效果。

然后就是一切其他按键的截图了

这样的话基本的素材就齐全了，可以开始制作了。

首先说下素材中的这种长条图的原因。这种只有一半的图是因为下方是放你战斗时候联合部队的卡牌，没有必要画出来。

然后我们把怪和一些基本UI铺上去，看下在游戏运行时候的场景效果，让出足够上卡牌显示的空间。

不错