微信小程序动画案例之圆点沿着圆圈运动新手教程。作为第一批的小者，我们也大量地用到了动画，积累了一些经验，由于市面上的小程序动画案例很少，我们也分享一部分我们做过的案例：

在开始说下面的小动画之前需要注意以下几点：

1. 6.3.30 通过step()分隔动画，只有第一步动画能生效。

2. 接来就说说下面的小动画案例：

   如上图我们要实现小圆点沿着圆圈轨迹运动的小动画。

   两个 view 标签，一个是路径圆圈，圆圈可以用背景图来做也可以用 border-radius 来实现；一个是圆点。

   基本设置定位，这里只放宽高。

transformOrigin 这个参数所设置的是小圆点旋转时的原点，默认是元素中心，下面设置的就是路径圆圈的中心，具体参数需要根据路径圆圈不来算。

从上面的代码可以看出是使用 setInterval() 解决了文章开头的两项注意事项。

这就要注意官方文档的 rotate(deg) 的 deg 的取值范围 -180 ~ 180，从原点顺时针旋转一个 deg。还有就是 rotate animation 在运动角度幅度较大的情况下轨迹会有偏离，就是说在正常设置的 transformOrigin 的情况下圆点运动轨迹会有偏离。

所以上面的小动画案例就是把它拆分，定义 deg 为 6 作基本增加量， ++i 累加，这样在正常的 transformOrigin 下整个动画就是由每个小动画 rotate(6) 组成的。

目前小程序动画对于动画效果还是有限制的，不过简单的动画效果是没问题的啦~

微信小程序的微信运动每日步数获取

1. 第一步，获取session_key，用来解密必须用到的

   ①这里，获取session_key就不叙述了，跟获取openid的步骤是一样的，详见：

   注意：这里要注意的是，在体验版中，使用体验版的appid和secret，微信小程序端是可以获取到seesion_key和openid的，而在上线的正式版本中，使用正式的appid和secret，则会出现错误，具体原因，详见上面一个链接

2. 第二步，获取encryptedData和iv，就是一些，微信步数加密后的数据

   content: '获取微信运动步数，需要开启计步权限', content: '开发者未开通微信运动，请关注“微信运动”公众号后重试',