priciple交互动效练习

今日练习:
做一个左右晃动的地球,外圈上下晃动,外圈上部的小圆黑白交替,代表白天黑夜交替
1、找一张地球图
2、用rechangle画方形,调整redius值90度,方形就变成了圆形
3、将图片1图层拖动到第2步圆形层一起,图片图层即放在里圆形图层里,勾选touchable和clip sublayers,即给地图图片加了一个圆形的遮罩(蒙版)
4、第2步的方法画圆,fill的颜色透明度为0,设置描边颜色stroke和描边宽度。外圆上左右添加底色即文字
5、外圈顶部画两个小圆,一个黑色,一个白底黑色描边,白底描边的圆作为黑色圆形的遮罩,状态1,黑色圆不在视线内。状态2,黑色2全部展示。
6、外圈圆及文字、黑白小圆建立组。状态1,改组旋转角度angle 5度,状态2的角度 angle -5度,黑色圆及其遮罩的状态见第5条。
7、状态1在遮罩内地图页左移一定距离,状态2地图页在遮罩内右移一定距离
8、画板1选择动作Auto链到画板2,画板2选择动作Auto链到画板1
9、动画完成

priciple交互动效练习_第1张图片


你可能感兴趣的:(priciple交互动效练习)