显示精灵 使用别名 一些关于加载的其他知识 使用普通的javaScript Img对象或canvas创建一个精灵 给加载的文件设置别名 监视加载进程 一些关于Pixi的加载器的其他知识 显示精灵 在你加载一个图像之后，可以用它来创建一个精灵，你需要用stage.addChild 方法把它放到Pixi的舞台 上面去，像这样： app...

Displaying text Displaying text Use a Text object (PIXI.Text ) to display text on the stage. In its simplest form, you can do it like this: let message = new Text ( "He...

Make a sprite from a tileset sub-image Make a sprite from a tileset sub-image You now know how to make a sprite from a single image file. But, as a game designer, you’ll usuall...

显示文本 显示文本 使用一个 Text 对象 (PIXI.Text )在舞台上展示文本。简单来说，你可以这样使用它： let message = new Text ( "Hello Pixi!" ); app . stage . addChild ( message ); 这将会在画布上展示文本“Hello, Pixi...

Creating sprites from a loaded texture atlas Creating sprites from a loaded texture atlas Pixi gives you three general ways to create a sprite from a texture atlas: Using Tex...

Loading images into the texture cache Loading images into the texture cache Because Pixi renders the image on the GPU with WebGL, the image needs to be in a format that the GPU...

Please help to support this project! Please help to support this project! Buy the book! Incredibly, someone actually paid me to finish writing this tutorial and turn it into a ...

Taking it further Hexi BabylonJS Taking it further Pixi can do a lot, but it can’t do everything! If you want to start making games or complex interactive applications with P...

移动精灵 现在你知道了如何展示精灵，但是让它们移动呢？很简单：使用Pixi的ticker 。这被称为 游戏循环 。任何在游戏循环里的代码都会1秒更新60次。你可以用下面的代码让 cat 精灵以每帧1像素的速率移动。 function setup () { //Start the game loop by adding ...

创建Pixi应用和 舞台 现在你可以开始使用Pixi！ 但是怎么用？ 第一步就是去创建一个可以显示图片的矩形显示区。Pixi拥有一个Pixi应用 对象来帮助你创建它。它会自动创建一个<canvas> HTML标签并且计算出怎么去让你的图片在这个标签中显示。你现在需要创建一个特殊的Pixi容器 对象，他被称作舞台 。正如你所见，这个舞台 对象将...