Pixi是一个非常快的2D sprite渲染引擎，帮助显示、动画和管理交互式图形，可以轻松地使用JavaScript和其他HTML5技术制作游戏和应用程序。

最近业务中遇到了一个点赞需求，就很常见的那种直播点赞，设计上要求点赞气泡随机沿着弧线运动路径向上飞，简单点可以把关键帧动画硬编码，但是我感觉那么做不是很完美，就想到了用贝塞尔曲线来实现这个功能

5.控制点长度变化:UFO的由来...

学习CSS的小伙伴应该会知道一个叫做animation-timing-function:cubic-bezier(x1,y1,x2,y2)的参数，用于CSS动画时间的参数。如果无法理解，就假象下匀速运动和变速运动的。如果还是没感觉，就想象你在跑步机上跑步，1小时内，有时用8KM…

贝塞尔曲线，这个词大家都不陌生，特别是在前端里面，没用过相信也都听过。 有的人说了，网上一搜一大把，这是必须的，「波浪形状」、「抛物线效果」等等等等。 这里我就不讲各阶贝塞尔曲线的区别了，直接把效果和公式贴上来。 在实现之前，我们还是先来理清一下思路，首先能肯定的是我们是要使用…

贝塞尔曲线，想必大家或多或少都听过这个词，因为其控制简单，且其曲线更符合我们大众的审美，所以在很多领域都有涉及，当然这些都不是我们今天要进行讨论和分享的重点。今天要分享的是如何成为自定义UI中的一把利器，先上两张图看看效果，然后开始我们的分享。 想要讲清楚多阶贝塞尔曲线，我们先…

如果我们用Canvas实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas对象支持captureStream方法，这个方法会返回…

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

使用原生JavaScript实现了一版像素画风的贪吃蛇游戏，支持AI模式，可以吃满全图，支持在线游玩。