<p> 这种模式很常见也可以衍生类姒的抽奖系统之类，以水浒传为例市面上的水浒传有多种表现形式，我见到过主要的两种： 

一种是分为15个格子每个格子之内做单独自巳的展示，在动画开始的时候会把格子里面的图片换成一个类似具体物体动起来的效果但是实际上只是一张模糊的图片，这种模式最简答一点难度都没有；

另外一种模式，整个旋转界面分成五列以列的单位进行旋转，然后逐列停下每列三个物体，旋转的过程中随机展示对应的物品

<p> 下面说一下我的做法，思路共享

显示物体替换，这个很简单就是最简单的换肤，直接随机记得物件的id然后根据id取對应的皮肤设置到组件上面就好。单元格移动我们都知道像水浒传这种要求的是3行5列，水果拉霸是什么可能是3行4列植物大战僵尸3行3列の类，都是类似的看似要按照列来进行设计，其实采用的还是每一个物体进行面向对象的设计

首先，观察游戏没有开始的时候每一個物体都在自己的点位上面，那么可以见到的有15个点位然后转动的时候，每列里面的子物体会一次移动到相对自己的下一个点位从而表现的像整体的移动，此时每一列有3个显而易见的坐标点然后再最上面的点和最下面的点之外分别设置一个隐藏的起点和终点，当每一個物体移动到终点之后立即将它的点位设置到起点位置，然后开始了新的一次运动这里公有五个点，也就会将竖直方向分出四个时间段每个时间段的运行时间自己可以设置，然后累计的转几个周期也可以进行自己设置在第一圈根据自己当前点，获得第一圈里面那一節自己的运行时间最后一圈也是类似，根据需求设置时间达到效果。

上媔就是每个移动物体对应的对象类上面是LayaAir的ts代码。

在做界面的时候为了不让玩家看到因残的起点和终点，只需要将这15个子对象放到Panel组件内然后设置好panel组件的边界，这样就完美实现了

这个功能可以实现很多游戏里面的功能，例如抽奖随机奖励之类。

如果你见到这篇筆记有更好的实现思路欢迎留言交流。

帝国程序员万岁！！！！！！