80岁拄拐搞前端

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

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

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

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

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

Flappy Bird 是一款前不久风靡世界的休闲小游戏，虽然难度超高，但是游戏本身却非常简单。下面使用 PIXI 来快速开发 HTML5 版的 Flappy Bird 初...

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

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

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

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