vue或者nuxt项目中使用lottie动画

于 2023-10-27 11:32:44 发布
阅读量866 收藏 2
点赞数 2
CC 4.0 BY-SA版权
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46328739/article/details/134072901

安装

  1. 安装vue-lottie插件
  npm install vue-lottie --save

在vue中使用

  • 在使用的页面引入lottie和json文件进行使用
<template>
  <div>
    <lottie
        :options="defaultOptions"
        :width="414"
        :height="100"
        @animCreated="handleAnimation">
    </lottie>
  </div>
</template>
<script>
  
  import Lottie from 'vue-lottie'
  import * as Anim from '../assets/json/lottie'
  export default {
    components:{Lottie},
    data() {
      return {
        speed: 0.7,
        animation: '',
        defaultOptions: {
          animationData: Anim, //要使用的json数据
          render:'svg',//要渲染的形式
          loop:true,//是否重复
          autoplay:true,//是否自动启动
        }
      }
    },
    methods: {
      handleAnimation (animation) {
        this.animation = animation
        // 设置动画渲染的速度
        this.animation.setSpeed(this.speed)
      },
    }
  }
</script>

在nuxt中使用

我们可以先封装一个组件，然后在页面引用

  • 在component下新建一个文件：Lottie.vue
<template>
  <client-only>
    <div class="w-max-full overflow-hidden">
      <lottie
        v-if="name && state.isReady"
        :name="name"
        :options="config.defaultOptions"
        style="width:100%;height:100%;"
        @animCreated="handleAnimation"
      />
    </div>
  </client-only>
</template>

<script>
import Lottie from 'vue-lottie/src/lottie.vue'
export default {
  name: 'Lottie',
  components: {
    lottie: Lottie
  },
  props: {
    // json文件的名称
    name: {
      type: String,
      default: ''
    },
    height: {
      type: Number,
      default: 400
    },
    width: {
      type: Number,
      default: 400
    },
    // 播放速度
    speed: {
      type: [String, Number],
      default: 0.7
    },
    // 是否循环播放
    loop: {
      type: [Number, Boolean],
      default: false
    },
    // 是否自动播放
    autoplay: {
      type: [Number, Boolean],
      default: false
    }
  },

  data () {
    let that = this
    return {
      data: {
        animation: {}
      },
      state: {
        isReady: false
      },

      config: {
        defaultOptions: {
          animationData: require(`/static/animation/${this.name}.json`),
          loop: that.loop,
          autoplay: that.autoplay
        }
      }
    }
  },
  mounted () {
   
    this.setCompatibleSize()
  },
  destroyed () {
    this.handleDestroyed()
  },
  methods: {
    handleAnimation (animation) {
      this.data.animation = animation
      this.data.animation.setSpeed(this.speed)
    },
    setCompatibleSize () {
      this.state.isReady = true
    },
    handlePlay () {
      this.data.animation.play()
    },
    handleStop () {
      this.data.animation.stop()
    },
    handlePause () {
      this.data.animation.pause()
    },
    handleDestroyed () {
      this.data.animation&&this.data.animation.destroy()
    }
  }
}
</script>
  • 在需要的页面使用

如果需要滚动到某个地方开始动画，我们则需判断滚动的值与元素所在位置进行比对，然后调用组件中的handlePlay开始进行动画

<template>
  <div>
    <!--    如果进入页面要自动播放，设置autoplay为true-->
    <Lottie :name="'photo'"  :autoplay="true"/>
    <!--    如果不需要自动播放，则不需要设置-->
    <Lottie :name="'rock'"   ref="rockAnimation" :speed="1.5"/>
  </div>
</template>
<script>
  export default {
    mounted() {
      window.addEventListener('scroll', this.handleScroll, true)
    },
    methods: {
      handleScroll (e) {
        // 父盒子
        let box = document.querySelector('.real-common-box')
        // 第一屏
        let firstDom = document.querySelector('.about-img')
        // 第二屏
        let secondDom = document.querySelector('.person-box')

        if (
            box.scrollTop >=
            secondDom.offsetTop +
            (600 * (box.clientWidth / 1920)) / 2 -
            firstDom.clientHeight
        ) {
          if (!this.secondIsPlay) {
            this.$refs.rockAnimation.handlePlay()
            this.secondIsPlay = true
          }
        } else if (box.scrollTop <= secondDom.offsetTop - firstDom.clientHeight) {
          if (this.secondIsPlay) {
            this.secondIsPlay = false
            this.$refs.rockAnimation.handleStop()
          }
        }
      }
    }
  }
</script>
这是一个json的例子
{"v":"5.6.6","fr":24,"ip":0,"op":120,"w":3500,"h":3500,"nm":"Wavy_Gen-04_Single-11","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"mask","parent":5,"td":1,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1791.619,2009.314,0],"ix":2},"a":{"a":0,"k":[1783.619,2009.314,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-560.297,741.818],[560.297,820.635],[560.297,-820.635],[-560.297,-741.818]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":5,"k":{"a":0,"k":[0,1,0.769,0.267,0.157,0.992,0.716,0.278,0.314,0.984,0.663,0.29,0.655,0.969,0.549,0.314,0.996,0.953,0.435,0.337],"ix":9}},"s":{"a":0,"k":[5.778,-945.314],"ix":5},"e":{"a":0,"k":[632.481,634.121],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[1362.778,2009.314],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"side 2","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":168,"st":0,"bm":0},{"ddd":0,"ind":2,"ty":4,"nm":"circle arrow 2","tt":2,"sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1855.322,1855.714,0],"ix":2},"a":{"a":0,"k":[1855.322,1823.714,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[221.322,247.088],[-20.206,-2.236],[212.586,-243.792],[11.33,-247.088],[-221.322,-5.53],[20.066,243.792]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,1,0.565,0.522,0.5,0.992,0.5,0.627,1,0.984,0.435,0.733],"ix":9}},"s":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[548.773,8.354],"to":[0,0],"ti":[0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[548.773,8.354],"to":[-72.527,-10.189],"ti":[16.022,39.417]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[113.61,-52.777],"to":[-16.022,-39.417],"ti":[-72.527,-10.189]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[452.641,-228.145],"to":[72.527,10.189],"ti":[-16.022,-39.417]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":26,"s":[548.773,8.354],"to":[0,0],"ti":[0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":29,"s":[548.773,8.354],"to":[-72.527,-10.189],"ti":[16.022,39.417]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":37,"s":[113.61,-52.777],"to":[-16.022,-39.417],"ti":[-72.527,-10.189]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":53,"s":[452.641,-228.145],"to":[72.527,10.189],"ti":[-16.022,-39.417]},{"t":66,"s":[548.773,8.354]}],"ix":5},"e":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":0,"s":[108.862,12.876],"to":[-128.086,-4.653],"ti":[378.262,52.631]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":11,"s":[-659.651,-15.043],"to":[-378.262,-52.631],"ti":[-34.69,-25.906]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[-2160.708,-302.909],"to":[34.69,25.906],"ti":[-378.262,-52.631]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":23,"s":[-451.513,140.392],"to":[378.262,52.631],"ti":[34.69,25.906]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":26,"s":[108.862,12.876],"to":[-34.69,-25.906],"ti":[378.262,52.631]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":29,"s":[-659.651,-15.043],"to":[-378.262,-52.631],"ti":[-34.69,-25.906]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":37,"s":[-2160.708,-302.909],"to":[34.69,25.906],"ti":[-378.262,-52.631]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":53,"s":[-451.513,140.392],"to":[378.262,52.631],"ti":[-93.396,21.253]},{"t":66,"s":[108.862,12.876]}],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[1853.829,1807.474],"ix":2},"a":{"a":0,"k":[-72,1152],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.666],"y":[0.5]},"o":{"x":[0.533],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.395],"y":[1]},"o":{"x":[0.152],"y":[0.5]},"t":26,"s":[-360.746]},{"t":83,"s":[-720]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"arrow1","np":1,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[2320,2248],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":54,"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.168],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"t":84,"s":[-720]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"gs","o":{"a":0,"k":100,"ix":9},"w":{"a":0,"k":187,"ix":10},"g":{"p":3,"k":{"a":0,"k":[0,0.984,0.435,0.733,0.5,0.984,0.545,0.584,1,0.984,0.655,0.435],"ix":8}},"s":{"a":0,"k":[159,-1184],"ix":4},"e":{"a":0,"k":[2710,1615],"ix":5},"t":2,"h":{"a":0,"k":0,"ix":6},"a":{"a":0,"k":0,"ix":7},"lc":2,"lj":2,"bm":0,"nm":"Gradient Stroke 1","mn":"ADBE Vector Graphic - G-Stroke","hd":false},{"ty":"st","c":{"a":0,"k":[0.984313785329,0.435294147566,0.733333333333,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":176,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[1878,1776],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 1","np":5,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[1878,1654.193],"ix":2},"a":{"a":0,"k":[1878,1654.193],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"arrow pink","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0],[0,0],[0,0]],"v":[[221.322,247.088],[-20.206,-2.236],[212.586,-243.792],[11.33,-247.088],[-221.322,-5.53],[20.066,243.792]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.282352954149,0.129411771894,0.435294151306,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[1883.829,1807.474],"ix":2},"a":{"a":0,"k":[-72,1152],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":1,"k":[{"i":{"x":[0.666],"y":[0.5]},"o":{"x":[0.533],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.395],"y":[1]},"o":{"x":[0.152],"y":[0.5]},"t":26,"s":[-360.746]},{"t":83,"s":[-720]}],"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"arrow2","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"d":1,"ty":"el","s":{"a":0,"k":[2320,2248],"ix":2},"p":{"a":0,"k":[0,0],"ix":3},"nm":"Ellipse Path 1","mn":"ADBE Vector Shape - Ellipse","hd":false},{"ty":"tm","s":{"a":0,"k":0,"ix":1},"e":{"a":0,"k":54,"ix":2},"o":{"a":1,"k":[{"i":{"x":[0.671],"y":[0.497]},"o":{"x":[0.533],"y":[0]},"t":0,"s":[0]},{"i":{"x":[0.391],"y":[1]},"o":{"x":[0.151],"y":[0.497]},"t":26,"s":[-354.273]},{"t":84,"s":[-720]}],"ix":3},"m":1,"ix":2,"nm":"Trim Paths 1","mn":"ADBE Vector Filter - Trim","hd":false},{"ty":"st","c":{"a":0,"k":[0.280717045069,0.129734709859,0.435294121504,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":176,"ix":5},"lc":2,"lj":2,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[1918,1768],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Ellipse 2","np":4,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":20,"s":[1918,1650.193],"to":[-4.667,6.667],"ti":[2,-3.333]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":22,"s":[1890,1690.193],"to":[-2,3.333],"ti":[-4,6]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":24,"s":[1906,1670.193],"to":[4,-6],"ti":[-1.333,2.667]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":26,"s":[1914,1654.193],"to":[0,0],"ti":[0,0]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":37,"s":[1914,1654.193],"to":[-4.667,5.333],"ti":[1.333,-5.333]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":47,"s":[1886,1686.193],"to":[-1.333,5.333],"ti":[-4,2.667]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":53,"s":[1906,1686.193],"to":[4,-2.667],"ti":[-0.667,4.667]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":58,"s":[1910,1670.193],"to":[0.667,-4.667],"ti":[-1.333,3.333]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":66,"s":[1910,1658.193],"to":[1.333,-3.333],"ti":[-1.333,1.333]},{"t":78,"s":[1918,1650.193]}],"ix":2},"a":{"a":0,"k":[1918,1650.193],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"arrow purple","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":168,"st":0,"bm":0},{"ddd":0,"ind":5,"ty":4,"nm":"box","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":1,"k":[{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":0,"s":[1783.619,2009.314,0],"to":[0,-13.333,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":30,"s":[1783.619,1929.314,0],"to":[0,0,0],"ti":[0,-2.833,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":60,"s":[1783.619,2009.314,0],"to":[0,2.833,0],"ti":[0,0,0]},{"i":{"x":0.667,"y":1},"o":{"x":0.333,"y":0},"t":90,"s":[1783.619,1946.314,0],"to":[0,0,0],"ti":[0,-10.5,0]},{"t":120,"s":[1783.619,2009.314,0]}],"ix":2},"a":{"a":0,"k":[1783.619,2009.314,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[33.353,178.143],[27.139,268.282],[-14.212,76.437],[0,0],[0,0],[0,0]],"o":[[-38.147,-203.748],[-8.513,-84.148],[0,0],[0,0],[0,0],[310.102,-344.225]],"v":[[-22.318,21.973],[-232.381,-552.612],[-221.622,-794.055],[348.382,-723.098],[348.382,701.075],[-348.382,794.055]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[2416.375,2016.555],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"shadow b","np":2,"cix":2,"bm":9,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[187.732,-332.983],[187.732,332.983],[-187.732,332.983],[-187.732,-306.574]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[1,1,1,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[1338.651,1549.564],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"line b","np":2,"cix":2,"bm":9,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-420.841,820.635],[420.841,708.317],[420.841,-715.857],[-420.841,-820.635]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":5,"k":{"a":0,"k":[0,1,0.769,0.267,0.157,0.992,0.716,0.278,0.314,0.984,0.663,0.29,0.655,0.969,0.549,0.314,0.996,0.953,0.435,0.337],"ix":9}},"s":{"a":0,"k":[-67.084,-766.314],"ix":5},"e":{"a":0,"k":[582.997,1200.304],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[2343.916,2009.314],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"side 1","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[0,0],[0,0]],"o":[[0,0],[0,0],[0,0],[0,0]],"v":[[-560.297,741.818],[560.297,820.635],[560.297,-820.635],[-560.297,-741.818]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":5,"k":{"a":0,"k":[0,1,0.769,0.267,0.157,0.992,0.716,0.278,0.314,0.984,0.663,0.29,0.655,0.969,0.549,0.314,0.996,0.953,0.435,0.337],"ix":9}},"s":{"a":0,"k":[5.778,-945.314],"ix":5},"e":{"a":0,"k":[472.481,1290.121],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[1370.778,2009.314],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"side 2","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":168,"st":0,"bm":0},{"ddd":0,"ind":6,"ty":4,"nm":"l3","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":-15,"s":[0]},{"t":15,"s":[4]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[1525.872,2548.799,0],"ix":2},"a":{"a":0,"k":[1100.872,3093.799,0],"ix":1},"s":{"a":0,"k":[120,120,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-92.179,47.848],[-95.781,70.857]],"o":[[0,0],[0,0],[95.781,-70.857]],"v":[[-177.131,123.481],[109.622,134.205],[177.131,-153.007]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[337.088,2868.583],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":32,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[0,0],[-190.233,75.027]],"o":[[0,0],[0,0],[190.233,-75.027]],"v":[[-174.103,-28.651],[-14.657,120.337],[174.103,-120.337]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[286.553,2679.193],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":32,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[290.837,-91.976],[-137.782,222.777]],"o":[[0,0],[-296.363,93.724],[137.782,-222.777]],"v":[[435.446,326.092],[-41.378,228.441],[-389.657,-326.092]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[677.875,2785.586],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":32,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[677.875,2785.586],"ix":2},"a":{"a":0,"k":[677.875,2785.586],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":3,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-150.013,-82.373],[260.971,61.628],[42.471,92.617],[137.449,-182.105],[-235.561,-47.554],[-32.764,5.471]],"o":[[0,0],[-260.971,-61.628],[-44.811,-97.719],[-137.449,182.105],[235.561,47.554],[32.764,-5.471]],"v":[[509.448,316.161],[115.549,107.139],[-111.728,-186.413],[-443.09,-255.571],[-261.433,326.98],[176.049,274.467]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.694,0.482,0.929,0.5,0.786,0.516,0.9,1,0.878,0.549,0.871],"ix":9}},"s":{"a":0,"k":[-455.872,275.201],"ix":5},"e":{"a":0,"k":[127.239,-34.133],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[608.872,2797.799],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":144,"st":0,"bm":0},{"ddd":0,"ind":7,"ty":4,"nm":"l2","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"t":30,"s":[4]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[1607.143,2683.392,0],"ix":2},"a":{"a":0,"k":[1654.143,3163.392,0],"ix":1},"s":{"a":0,"k":[120,120,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-264.555,-6.77],[-65.93,148.301]],"o":[[0,0],[0,0],[65.93,-148.301]],"v":[[-200.248,-17.862],[181.179,176.687],[200.248,-176.687]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[619.467,2058.911],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-25.993,-111.119],[203.939,124.034]],"o":[[0,0],[0,0],[-203.939,-124.034]],"v":[[244.717,-164.743],[224.017,138.247],[-244.717,96.067]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[776.079,2318.335],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-25.447,31.275],[-26.971,149.061]],"o":[[0,0],[0,0],[26.971,-149.061]],"v":[[-106.212,163.972],[106.212,96.908],[53.132,-163.972]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[1187.764,2670.957],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[326.553,49.052],[40.947,56.997],[112.545,71.895],[-21.124,36.121]],"o":[[0,0],[-182.554,-33.052],[-40.947,-56.997],[-112.545,-71.895],[21.124,-36.121]],"v":[[537.102,677.784],[166.521,277.37],[-127.359,-33.912],[-376.377,-291.787],[-533.157,-677.784]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[1127.455,2490.495],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[1127.455,2490.495],"ix":2},"a":{"a":0,"k":[1127.455,2490.495],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[-87.116,-144.57],[473.678,151.41],[67.009,247.889],[32.879,-386.466],[-188.146,-70.411]],"o":[[0,0],[-182.122,-44.744],[-67.009,-247.889],[-32.879,386.466],[188.146,70.411]],"v":[[607.317,678.578],[311.222,99.892],[-67.002,-422.296],[-638.021,-448.651],[-81.349,307.079]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.392,0.4,0.847,0.346,0.529,0.451,0.912,0.692,0.667,0.502,0.976],"ix":9}},"s":{"a":0,"k":[36.857,423.505],"ix":5},"e":{"a":0,"k":[-433.366,-989.828],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[1058.143,2491.495],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":144,"st":0,"bm":0},{"ddd":0,"ind":8,"ty":4,"nm":"l1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":1,"k":[{"i":{"x":[0.667],"y":[1]},"o":{"x":[0.333],"y":[0]},"t":0,"s":[0]},{"t":61,"s":[2]}],"ix":10,"x":"var $bm_rt;\n$bm_rt = loopOut('pingpong');"},"p":{"a":0,"k":[1464.165,2606.535,0],"ix":2},"a":{"a":0,"k":[1452.165,2754.535,0],"ix":1},"s":{"a":0,"k":[140,140,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-36.06,-87.994],[121.777,39.079]],"o":[[0,0],[0,0],[-121.777,-39.079]],"v":[[111.144,-122.101],[67.048,92.43],[-111.144,108.022]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[1267.654,2036.304],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-159.432,51.661],[-130.815,133.339]],"o":[[0,0],[0,0],[130.815,-133.339]],"v":[[-169.593,107.06],[71.602,131.386],[169.593,-149.382]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[1138.833,1801.324],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[-120.733,-60.204],[-213.188,72.76]],"o":[[0,0],[0,0],[221.855,-75.718]],"v":[[-197.461,-143.018],[-40.94,143.018],[197.461,-108.062]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[1147.544,1460.473],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 3","np":2,"cix":2,"bm":0,"ix":3,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[0,0],[142.782,216.472],[5.16,177.979],[-92,126.185]],"o":[[0,0],[-142.782,-216.472],[-5.16,-177.978],[92,-126.185]],"v":[[149.923,799.343],[133.935,322.688],[-200.748,-315.616],[-103.407,-799.343]],"c":false},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"st","c":{"a":0,"k":[1,1,1,1],"ix":3},"o":{"a":0,"k":100,"ix":4},"w":{"a":0,"k":4,"ix":5},"lc":1,"lj":1,"ml":10,"bm":0,"nm":"Stroke 1","mn":"ADBE Vector Graphic - Stroke","hd":false},{"ty":"tr","p":{"a":0,"k":[1308.426,1965.908],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 4","np":2,"cix":2,"bm":0,"ix":4,"mn":"ADBE Vector Group","hd":false},{"ty":"tr","p":{"a":0,"k":[1308.426,1965.908],"ix":2},"a":{"a":0,"k":[1308.426,1965.908],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":30,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 1","np":4,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false},{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[165.34,-703.002],[-156.653,533.511],[240.792,3.661],[38.832,-39.668],[-9.837,-186.495]],"o":[[282.337,-579.909],[6.234,-53.383],[-55.505,-0.844],[-52.862,54],[8.362,842.843]],"v":[[236.166,800.517],[108.007,-544.743],[-69.676,-800.494],[-217.494,-740.057],[-315.1,-398.131]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"gf","o":{"a":0,"k":100,"ix":10},"r":1,"bm":0,"g":{"p":3,"k":{"a":0,"k":[0,0.694,0.482,0.929,0.5,0.786,0.516,0.9,1,0.878,0.549,0.871],"ix":9}},"s":{"a":0,"k":[-17.165,108.664],"ix":5},"e":{"a":0,"k":[221.058,-1166.002],"ix":6},"t":1,"nm":"Gradient Fill 1","mn":"ADBE Vector Graphic - G-Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[1228.165,1960.336],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"Group 2","np":2,"cix":2,"bm":0,"ix":2,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":144,"st":0,"bm":0},{"ddd":0,"ind":9,"ty":4,"nm":"bg","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[1767.241,1693.453,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":0,"k":{"i":[[180.37,85.586],[144.405,-726.244],[-894.191,0.985],[-195.873,564.604],[351.564,76.956],[250.566,78.549]],"o":[[-355.369,-168.622],[-161.703,813.239],[580.022,-0.639],[239.638,-690.761],[-204.271,-44.713],[-235.281,-73.757]],"v":[[-80.584,-1424.855],[-1430.048,-342.255],[40.833,1456.546],[1369.451,475.259],[936.291,-1128.526],[339.319,-1024.384]],"c":true},"ix":2},"nm":"Path 1","mn":"ADBE Vector Shape - Group","hd":false},{"ty":"fl","c":{"a":0,"k":[0.956862747669,0.96862745285,0.980392158031,1],"ix":4},"o":{"a":0,"k":100,"ix":5},"r":1,"bm":0,"nm":"Fill 1","mn":"ADBE Vector Graphic - Fill","hd":false},{"ty":"tr","p":{"a":0,"k":[0,0],"ix":2},"a":{"a":0,"k":[0,0],"ix":1},"s":{"a":0,"k":[100,100],"ix":3},"r":{"a":0,"k":0,"ix":6},"o":{"a":0,"k":100,"ix":7},"sk":{"a":0,"k":0,"ix":4},"sa":{"a":0,"k":0,"ix":5},"nm":"Transform"}],"nm":"bg","np":2,"cix":2,"bm":0,"ix":1,"mn":"ADBE Vector Group","hd":false}],"ip":0,"op":168,"st":0,"bm":0}],"markers":[{"tm":127,"cm":"1","dr":0}]}
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值