Pixi

现在整个游戏只差一个结束场景，目前小鸟的碰撞和玩家得分都已经实现，接下来就是衔接结束场景 结束场景 结束场景跟准备场景相似，由一个 Game Over 文字图片、计分板图片、重新开始按钮、排名按钮组成

目前障碍物已经可以持续从右往左移动，那么接下来就是计算小鸟穿过的障碍物数量，以及判断小鸟与障碍物是否碰撞 初始化分数 由于分数的 0 到 9 也有各自对应的纹理，那么可以通过创建 Sprite 进行显

到目前为止，已经实现了小鸟的飞行，接下来开始初始化障碍物，让障碍物不断从右到左移动 创建障碍 障碍是游戏中另一个非常重要的角色，整个障碍由许多成对的上下管子组成，障碍只需要显示和变换位置，所有使用容器

在准备好背景和地面之后，接下来就可以实现游戏的准备场景，还有控制小鸟的飞行 准备场景 准备场景由一个 Get Ready！ 文字图片和 TAP 提示图片组成 创建一个 ReadyScene.js 文件

Flappy Bird 是一款前不久风靡世界的休闲小游戏，虽然难度超高，但是游戏本身却非常简单。下面使用 PIXI 来快速开发 HTML5 版的 Flappy Bird 初始化舞台 由于图片素材的背景

寻宝猎人 游戏需求： 使用键盘上的箭头键帮助探险家找到宝藏并将其带到出口 怪物在地牢壁之间上下移动，如果探险家触碰到怪物则变成半透明，并且右上角的生命值会减少 如果所有生命值都用光了，会显示 You

前面三章已经讲述了如何显示精灵与对精灵的操作，本次讲述的是用pixi.js绘制各种图形，以及两个精灵之间的碰撞检测。 图形绘制 Pixi 也有自己的底层绘制工具，可以使用这些绘制工具制作矩形，形状，线

前面两篇已将讲述如何显示精灵，但是如何使它们移动？这很简单： 使用Pixi的 ticker 创建一个循环函数，这被称为游戏循环(game loop) 放入游戏循环的任何代码，每秒都会被执行60次 例如

操作精灵 定位 通过更改精灵的 x 和 y 属性值来更改猫的位置 精灵的左上角(左耳)代表它的 x 和 y 锚点 若使精灵向右移动，需增加其 x属性的值 若使猫向下移动，请增加其 y 属性的值 可以组

Pixi简介 Pixi 是一个非常快的 2D sprite 渲染引擎 Pixi 的用途： 显示、动画和管理交互式图形 制作游戏和应用程序 创建任何交互式应用，包括手机应用 Pixi 的特征： 支持 W