第一次尝试中，我使用了我比较熟悉的 PixiJS ，虽然 PixiJS 是 2D 渲染引擎，但是 pixi-projection 插件提供了 PixiJS 未来版本中 2d 和 3d 投影。 截止本文发布， 官方还没有提供 v5 的 api 。 我在之前的项目中已经使用过 Sp…

这次的H5游戏是做在支付宝小程序中的，支付宝小程序官方并没有建议使用什么样的方式亦或是什么样的物理引擎去开发游戏相关内容，当然它也提供了Canvas的能力，如果使用原生canvas的能力去做，你就不可避免的需要处理图层，纹理，精灵图，Ticker，元素碰撞，动画时间轴，资源加载…

碰撞检测，用来检查两个精灵是否接触。 Pixi 没有内置的碰撞检测系统， 所以这里我们使用一个名为 Bump 的库，Bump 是一个易于使用的2D碰撞方法的轻量级库，可与 Pixi 渲染引擎一起使用。它提供了制作大多数2D动作游戏所需的所有碰撞工具。 变量 b 现在代表 Bum…

欢迎进入 PixiJs系列课程 最初编写这套课程的原因，是因为无意中在网上翻看到了一个H5场景动画的页面，名字是逃不掉的四字咒怨，就被这种动画形式所吸引，随后的一段时间一直在网上查找资料，发现这类页面学名叫一镜到底 。 通过上面的资料整理了一套做一镜到底的方法，这就把经验写在上…

前言 且说上回，PixiJS游戏开发应用实践（一）分享了一些关PixiJs的基础知识，封装了一个简单的资源预加载器，今天把后续的一些功能API分享出来。

https://codesandbox.io/s/tap-bird-8nw9e 访问页面查看效果 对每个步骤进行了单独的编码，可以对照这代码进行阅读，更易于理解 初识别PIXI 网上文章比较多，这里就

在游戏开发中, 我们经常会用到很多的「碰撞检测」, 接下来我们从一个简单的小游戏「投壶」出发, 介绍下「边界检测」和「光线投射检测」是如何实现的.

此篇文章源于前段时间商业有个项目需求，要实现一个比较复杂的H5交互动画。那说到动画常用的技术方案无非是下面几种： gif图和css3动画属性显然只能实现展示型动画，而通过原生代码实现交互动画又是很复杂的，同时还得考虑动画的兼容性和性能问题。WebGL因为可提供硬件加速渲染，其渲…

PixiJs-它是一个非常快的`2D sprite渲染引擎`。渲染引擎就说明它负责关于渲染的一切功能，可以帮助我们显示、动画和管理交互图形，一起来探索它的魅力吧。