关注前端，关注原创

我开发的桌面端软件最近增加了在线更新功能，其中更新动画部分是由gsap实现的，整体实现思路已经在electron系列文章中简单介绍过，因为关注electron桌面软件开发的同学，不一定会关注gsap动画插件，所以这里单独拿出来，详细介绍如何使用gsap实现路径动画。学会路径动画，可以实现很多酷炫效果，我曾经在gsap的资源网站，见到有人用它实现了一个移动的城堡，相当震撼。大家如果需要联系博主，或者获取博主各系列文章对应的资源，可以通过中二少年学编程的个人主页来获取。

使用lottie_light.js或者lottie_light_min.js时，报错RendererClass is not a construction或者i is not a construction

我把平时工作应用到的笔记整理成几篇关于容器docker的文章，又发了几篇以前鼓捣的大前端全栈nodejs框架eggjs的笔记，结果读者寥寥。没想到随手写了一篇讲解gsap动画库的文章，竟然比所有文章加起来的数据还好，这这这……好吧，那就随手再写个动画技巧吧。愤怒的小鸟先上第一个简单的效果图我问过朋友之后，他们说我只写核心代码的行为十分可耻，就像告诉他们学好前端，一定能升职加薪，当上总经理，出任CEO，迎娶白富美，走向人生巅峰……可怎么学，学什么，一概不说。好吧，我面壁……不过还是要先说核心代码

gsap+vue前端实现星空闪烁动画

1.gsap时间轴var tl = gsap.timeline(); //调用时间轴对象//#green为动画操作对象，第二个参数{}为动画效果，addLabel定义一个时间轴上的节点，//后面的to方法基于这个节点做动画tl.to("#green", {x:750, duration:1}) .addLabel("blueGreenSpin", "+=1") .to("#blue", {x:750, rotation:360, duration:2}, "blueGreenSpin")