程序员阿辉

初次使用PIXI+GSAP来做动画效果还不错,之前很少做比较复杂的动画类的东西，这次学习了 这是PIXI的官网 https://pixijs.com/ 这是GSAP的官网 https://greens

hi，你是否已经厌倦了天天重复性的代码工作，来学点有意思的，阅读本文你将学会如何编写一个canvas动画效果

不管全世界所有人怎么说，我都认为自己的感受才是正确的。无论别人怎么看，我绝不打乱自己的节奏。喜欢的事自然可以坚持，不喜欢的怎么也长久不了。 因为生活永远有你的盲区，不断学习，可以把盲区缩小那么一点点。

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

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

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

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

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

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