为了能在公开课上说些有趣，并且能体现出Axure8特点的例子，听取了运营老师和同学的建议，也是想了好几个案例，在小游戏上最终选择了大家熟知的支付宝工具里的案例，其中的蚂蚁庄园星星球是支付宝推出不久的趣味游戏，相信肯定有很多人已经
我们不希望单纯的只是去实现一个这样的小游戏，而是希望从实现的过程中，了解Axure8的常用功能(样式设置、事件处理、动画设置、函数使用等)，对我们学习这样的工具有所帮助。
星星球游戏虽然简单，但是它的场景非常的丰富，有开场动画、接球动画、有数据统计、有精美的游戏环境等等，如果完全去实现这样非常接近的场景还是要花不少时间的。因此我们只是简单地实现它的主要功能，并且进一步做了改善——让它自动去陪练，并且使用了Axure8中的如下几个功能：
动态面板的使用：对小鸡的移动操作是一个相对的整体，因此将组成小鸡和所有元件转换成一个动态面板，并给它起个名字
样式的设置：小鸡的卡通形象是由基本元件组成，通过设置不同的形状、大小、背景色来完成，星星球同样是通过设置填充色和阴影效果来完成。
数学函数的使用：自动陪练的效果需要实现发球到随机位置的效果，就会使用到数学函数里的随机函数，这个函数也是小游戏来原型常用的，体现了游戏的不确定性。
游戏环境是在一个操场上，操场的周围有几课树，一只小鸡、一个星星球玩具。所有这些我们只需要使用地Axure的基本元件就可以了，设置形状和背景色。
它其实就是一些椭圆形(身体、眼睛、翅膀、腮红、阴影)、矩形(脚)、三角形(嘴)、半圆形(鸡冠)，通过设置不同的填充色。
为了小鸡自己也能扇动翅膀，我们将两个翅膀的椭圆形转换成了动态面板，目的是在动态面板载入事件里可以设置旋转动画。
将组成小鸡的所有元件选中后，转成动态面板。为了在小鸡在转动翅膀时也能看全，将动态面板调整宽一点，左右各留一点空隙。
星星球就是一个圆形，然后设置一下它的渐变填充色和一定的填充角度，只是Axure目前的填充色只支持线性填充，没办法做成那种像PS里的圆形填充效果。(当然，我们可以直接使用一个球形图片来代替)
最后，我们将小鸡、操场、星星球作为一个大的整体，选中后右键转成动态面板，接着在旁边用绿色渐变填充方式的椭圆，加上矩形做一棵绿色的小树。选中小树Ctrl+D复制两棵小树，调整一下大小。
设置随机的x位置，这里应用的是数学随机函数，生成一个随机的位置，随机的大小为0~(min_ball/2)+Math.random()*390，其实就是一个简单的数学算式
将小鸡也移动到目标位置，这里要注意一点，因为球的大小、小球的大小不一致，所以小鸡移动的位置要稍微算一下[[random_x-chicken_r+min_ball_r]]，就是随机的位置减去小鸡大小的半径，再加上球在最小时的半径
小球发过去到虚线的位置的动画时长，和小鸡移动过去到球的位置动画时长保持一致，这样刚好能接到球。
回球的过程和发球过程基本相反，将小球移动到原来位置，并还原大小，然后将小鸡也移动到原来的位置。
网站在前期的时候都是很难上排名的吗，那么是因为你的网站基础优化都没做好，怎么可能会有排名呢，首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...
随着情人节的结束，2月份的设计圈干货大合集悄然更新。新的工具新的资源，依然是以往的分量，依然是相同的味道。和过去的合集相似，免费的素材、工具、服务占据了列表中9成的...
每个网站都是由不同功能不同类型的页面构成的，当用户打开错误链接的时候，网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时，还应当引导用户继续浏...
今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果： 让内容在显示区域滚动; 内容面板没有接触到顶部时，让内容面板移动至顶部; 内容面板接触到顶部，没有接...
你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你，快来看看我最新发现的工具包吧!有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更...
@DesignerSeany ：今天我将从大家经常用到的百度外卖(iOS v4.4.1)说开去，阐述我自己分析一款App时运用的思维逻辑和过程，当然我说的不一定对，希望能给新手朋友们一些思路。 信息架构梳...
本文以微信首页为例，用三个维度系统地解析一个产品的交互设计的方方面面。 首先我们来做个互动，请各位看官打开自己的微信，然后看到你的微信首页： 然后仔细观察看到了什么...
登录框对于互联网APP设计而言是必不可少的一环，其作用相当于产品的门面，今天就跟大家详解登录框设计的三标准七大要素，希望大家可以发帖讨论，提供更多的登录框设计思路。...
刻板印象有好有坏。在合适的场景、时间、项目中，去最大化它的积极作用，尽量避免它的消极作用，才能真正的平衡设计、工作，甚至生活。 一直在看奇葩说，听到很多次的一个词叫...
通过鼠标滚轮的前滚及后滚操作，实现屏幕纵向的上翻页和下翻页效果，其实不难。一起来学习吧。 一、原型效果 二、准备工作 本文原型是在1366*768分辨率下完成的。 元件 矩形：2个...