Loading the texture atlas Loading the texture atlas To get the texture atlas into Pixi, load it using Pixi’s loader . If the JSON file was made with Texture Packer, the loader ...

插件开发 基础 开发 插件运行逻辑 构建与发布规范 开发实践 使用案例 Component 设计 System 设计 Step1 确定要监听的组件以及参数 Step2 设置系统名字 Step3 根据组件变化实现逻辑 基于 PixiJS 的插件 生命周期 总结 插件开发 一般通过脚本组件的方式就可以实现大部分逻辑，涉及引擎级别...

Collision detection The hitTestRectangle function Collision detection You now know how to make a huge variety of graphics objects, but what can you do with them? A fun thing t...

More about sprites More about sprites You’ve learnt how to use quite a few useful sprite properties so far, like x , y , visible , and rotation that give you a lot of control ...

Size and scale Size and scale You can change a sprite’s size by setting its width and height properties. Here’s how to give the cat a width of 80 pixels and a height of 120...

Positioning sprites Positioning sprites Now that you know how to create and display sprites, let’s find out how to position and resize them. In the earlier example the cat spr...

大小和比例 大小和比例 你能够通过精灵的width 和height 属性来改变它的大小。这是怎么把width 调整成80像素，height 调整成120像素的例子： cat . width = 80 ; cat . height = 120 ; 在setup 函数里面加上这两行代码，像这样： function se...

Case study: Treasure Hunter The code structure Initialize the game in the setup function Creating the game scenes Making the dungeon, door, explorer and treasure Making the blob...

实例学习: 宝物猎人 代码结构 用 setup 函数初始化游戏 创建游戏场景 制作地牢，门，猎人和宝藏 制造泡泡怪们 制作血条 制作消息文字 开始游戏 移动探险者 控制运动的范围 移动怪物 检测碰撞 处理到达出口和结束游戏 实例学习: 宝物猎人 我要告诉你你现在已经拥有了全部的技能去开始制作一款游戏。什么？你不相信我？...

碰撞检测 碰撞检测函数 碰撞检测 现在你知道了如何制造种类繁多的图形对象，但是你能用他们做什么？一个有趣的事情是利用它制作一个简单的 碰撞检测系统 。你可以用一个叫做：hitTestRectangle 的自定义的函数来检测两个矩形精灵是否接触。 hitTestRectangle ( spriteOne , spriteTwo ) ...