Sophora

pixi和gsap初学者的福音！大家好，我是梅利奥猪猪，你们的反内卷盟主，一个喜欢撸码和打游戏的咸鱼！这次真的想教会大家玩PIXI和gsap

动效分三部分（开头好潦草啊，后面补吧） 什么是PIXIJS PixiJS是一个轻量级的2D渲染引擎，它能自动侦测使用WebGL还是Canvas来创建图形。开发者无需专门学习 WebGL 就能感受到强大

gsap，PIXI 动画效果学习，在公众号里搜 大帅老猿，在他这里可以学到很多东西，大家一起卷起来。

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

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

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

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

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

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