pixi.js学习资源(持续更新)

• 于小懒   2月15日发布

• 收藏

本贴会持续更新有质量的资源，也欢迎大家投稿。 欢迎关注专栏 pixijs游戏开发 网站 pixi.js：官方github地址。 pixi官方wiki：还收录了咱们专栏里面的一个例子哟《 how to make jigsaw game》, 就是之前那篇《用p...

0

【教程】pixi.js拼图游戏教程

• 于小懒   2月11日发布

• 收藏

这个教程面向已经能简单使用pixi.js的开发者，通过创建一个拼图游戏，来演示怎么完整的开发一款pixi游戏并最终发布。在此项目中你可以学会怎么使用ES6+开发，怎么划分模块，怎么提前加载资源，怎么进行屏幕自适应...

1

【教程】使用webpack搭建pixi.js开发环境

• 于小懒   2月11日发布

• 1 收藏

本文介绍怎么使用webpack4搭建pixi.js(v5)游戏的开发环境，怎么配置babel将ES6+代码最终转换为ES5，怎么利用gulp将webpack和其他脚本粘合一起优化项目并最终发布项目。

14

学习 PixiJS — 小精灵冒险

• FEWY   2019-03-11 发布

• 10 收藏

小精灵冒险 是 Learn Pixi.js 一书中最后一个案例。点击屏幕让小精灵飞起来，小精灵上升时，会拍打翅膀，并且会有小星星产生。如果她撞到柱子上，她会爆炸成一堆小星星。帮助她通过15个柱子的间隙到达终点，界面...

17

学习 PixiJS — 交互工具

• FEWY   2019-03-04 发布

• 14 收藏

Pixi 内置一组功能有限的用于鼠标交互和触摸交互的方法，但是对于游戏和应用程序所需的丰富交互性，建议使用第三方库来简化操作，这篇文章介绍的是 Tink 库，它有通用的指针对象、拖放精灵、按钮对象、键盘控制 ...

13

学习 PixiJS — 碰撞检测

• FEWY   2019-02-25 发布

• 7 收藏

Pixi 没有内置的碰撞检测系统， 所以这里我们使用一个名为 Bump 的库，Bump 是一个易于使用的2D碰撞方法的轻量级库，可与 Pixi 渲染引擎一起使用。它提供了制作大多数2D动作游戏所需的所有碰撞工具。

20

学习 PixiJS — 补间动画

• FEWY   2019-02-18 发布

• 14 收藏

补间动画指的是，我们可以通过为精灵的位置、比例、透明度，等属性，设置开始值和结束值，制作动画，动画中间需要的部分由软件自动计算填充。

31

学习 PixiJS — 视觉效果

• FEWY   2019-02-03 发布

• 26 收藏

平铺精灵是一种特殊的精灵，可以在一定的范围内重复一个纹理。你可以使用它们创建无限滚动的背景效果。要创建平铺精灵，需要使用带有三个参数的 TilingSprite 类（PIXI.extras.TilingSprite）

27

学习 PixiJS — 粒子效果

• FEWY   2019-01-22 发布

• 19 收藏

你如何创造火，烟，魔法和爆炸等效果？你制作了许多小精灵，几十，几百，甚至上千个精灵。然后对这些精灵应用一些物理效果，使它们的行为类似于你尝试模拟的元素。你还必须给他们一些关于它们应该如何出现和消失...

16

学习 PixiJS — 精灵状态

• FEWY   2019-01-19 发布

• 9 收藏

如果你有复杂的游戏角色或交互式对象，你可能希望该角色根据游戏环境中发生的情况，以不同的方式运行。每个单独的行为称为状态。如果你在精灵上定义状态，那么只要游戏中出现与该状态相对应的事件，就可以触发这...

25

学习 PixiJS — 动画精灵

• FEWY   2019-01-14 发布

• 16 收藏

看完官方教程中提到的这本书 — Learn Pixi.js ，准备写写读后感了，官方教程中所说的内容，基本上就是书的前4章，所以我就从第5章开始写写吧。

51

开始学习 PixiJS

• FEWY   2018-11-26 发布

• 36 收藏

PixiJS 是一个超快的2D渲染引擎。它自动侦测使用 WebGL 或者 Canvas。开发者无需专门学习 WebGL 就能感受到强大的硬件加速的力量。