话说摸金总舵主赏银并且手把手直播教学之实战 PIXI + GSAP 实现 仿电商vanmoof刹车动效，一听就很YYDS~, 话不多说，直接开撸！
First，listen to me to introduce the documents we need to know.
Second，Coding!
- 编写静态页面，并且引入所需要的库文件
- 实现按钮效果：首先在BrakeBanner类的构造函数中初始化PIXI应用并且挂载，以及使用加载器加载资源（车架、车把手、刹车等，需要调整按钮的中心点以及车子的中心点位置，让车子始终在窗口的右下角35°倾斜），实现按钮按下以及松开时的车把手效果，最后创建舞台stage 将图片插入到画布至stage
- coding展示车的整体以及刹车按下效果等的整体函数封装
-
创建按钮（what to do ~ 1.创建按钮容器 2. 按钮以及外层两个黄圈 3.依次添加进按钮容器 4.调整按钮中心点位置并且对按钮进行整体缩放 5.给按钮的外层圈圈 加载动效）
-
创建车架（此时要注意 图片的放置的顺序会影响层级 即先加进去的在最底层，同时需要调整刹车中心点）
- 创建粒子（1.设置全局speed、粒子数组particles 2.将粒子容器旋转35° 并且调整粒子旋转点以及中心点 3.创建多种颜色的粒子，并且营造视觉的颗粒感 4.封装粒子开始运动、暂停 以及 循环运动的函数抽象）
- 绘制五颜六色的粒子（使用Graphics画笔进行绘制，并且注意设置粒子的位置）
- 封装的loop粒子循环运动的函数（注意粒子运动边界的处理以及通过将粒子y放大，x缩小来达到像素点的颗粒感效果）
- 封装的start粒子运动的函数
- 封装的刹车按下的粒子pause暂停运动的函数
- 补充刹车按下以及松开的处理方法
至此，这个刹车的动效就实现了，是不是想振臂高呼大帅老师YYDS！！！
Anyway, I have been fans of DaShuai.
在公众号里搜 大帅老猿，在他这里可以学到很多东西！！！ 快来和我一起学习！！！卷起来！！！
源码地址：github.com/leoKL/YCY-T…
