前端的木木

虽然现在 Vue 的生态非常繁荣，但是总有各种各样的原因找不到合适的开源库使用，而全自研的话成本又很大，换技术栈肯定是换不了的，那么就只能做一些骚操作了，比如在 Vue 的项目中使 React组件？

手摸手，带你用 PIXI+GSAP 一步步实现刹车动效 | 猿创营 前言 相信大家工作中用的最多的就是 React 或者 Vue 去搬砖，今天带大家玩一下，了解下前端可视化，看前端是怎么实现炫酷动画效

写完业务代码，得空也在想再玩点什么，前不久留意到@大帅老猿的猿创营，激起了我这深度潜水党的兴趣。所以跟着大佬学习，来点缺啥补啥～

用PixiJS和GSAP仿写vanmoof动效的入门笔记，在大帅老师的猿创营直播讲解中，第一次了解了PixiJS的实操。跟写完刹车动效，微微膨胀地写起了变速器动效，然后就卡壳了。。

用ThreeJS仿写某PixiJS项目案例。 仿写动图 原版动图 原方案 图形库：基于WebGL的2D渲染引擎PixiJS。 动效库：专业

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情 你能想象，上图中这个非常酷炫的刹车动效，据说是一个高达2W的特效中的一部分。

前言 灵感来自国外一个自行车的刹车动效，利用PIXIJS性能比较好的HTML5创意引擎，还有图形渲染引擎gsap的老牌引擎用于实现丝滑的动效。下面是我在制作流程: 代码地址 初始化一个PIXI应用场景

PIXI与GSAP动画实现刹车动效，如果你也是动画小白，或者是对动画没思路，快来看下这篇文章吧！真的很酷炫

本篇文章来源于大帅老猿摸金校尉群内的一次全员实战项目，使用PIXI+GSAP仿写vanmoof刹车动效