美文网首页
priciple交互动效练习

priciple交互动效练习

作者: 釉莜柚 | 来源:发表于2018-11-06 23:53 被阅读0次

    今日练习:
    做一个左右晃动的地球,外圈上下晃动,外圈上部的小圆黑白交替,代表白天黑夜交替
    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交互动效练习

          本文链接:https://www.haomeiwen.com/subject/gqyezftx.html