文章分享了蚂蚁庄园星星球自动陪练的原型设计过程，希望对你有所受用。

10月26号在起点学院公开课上演示了三个有趣的小案例，今天我们来看看其中的“星星球自动陪练”小游戏的详细解析。

点击这里在线演示。

案例背景

为了能在公开课上说些有趣，并且能体现出Axure8特点的例子，听取了运营老师和同学的建议，也是想了好几个案例，在小游戏上最终选择了大家熟知的支付宝工具里的案例，其中的蚂蚁庄园星星球是支付宝推出不久的趣味游戏，相信肯定有很多人已经体验过。

我们不希望单纯的只是去实现一个这样的小游戏，而是希望从实现的过程中，了解Axure8的常用功能（样式设置、事件处理、动画设置、函数使用等），对我们学习这样的工具有所帮助。

案例策划

星星球游戏虽然简单，但是它的场景非常的丰富，有开场动画、接球动画、有数据统计、有精美的游戏环境等等，如果完全去实现这样非常接近的场景还是要花不少时间的。因此我们只是简单地实现它的主要功能，并且进一步做了改善——让它自动去陪练，并且使用了Axure8中的如下几个功能：

1. 动态面板的使用：对小鸡的移动操作是一个相对的整体，因此将组成小鸡和所有元件转换成一个动态面板，并给它起个名字
2. 样式的设置：小鸡的卡通形象是由基本元件组成，通过设置不同的形状、大小、背景色来完成，星星球同样是通过设置填充色和阴影效果来完成。
3. 数学函数的使用：自动陪练的效果需要实现发球到随机位置的效果，就会使用到数学函数里的随机函数，这个函数也是小游戏来原型常用的，体现了游戏的不确定性。
4. 动画的应用：游戏总是伴随着一些动画效果才更有趣，动画效果肯定需要用上。
5. 循环控制：如果让发球、接球并回球整体一个回合能重复应用？

小游戏流程

在整个小游戏策划完成之后，真正实现起来就比较快了，下面我们看一下游戏里的关键点。

案例解析