PIXI.js - 滚动背景网格

Question

在游戏agar.io中，有一个网格背景，它会随着玩家的移动而滚动。在 PIXI.js 中，我将如何重新创建它？最好以一种不会因渲染离屏网格而浪费资源的有效方式。

Answer 1

您应该使用 PIXI.extras.TilingSprite class，为渲染可重复的图案、瓷砖等目的而创建。class 只使用一个四边形（两个三角形）来表示整个模式，重复是在片段着色器中实现的。

这是一个工作示例：http://pixijs.io/examples/#/basics/tiling-sprite.js

这是文档：http://pixijs.download/release/docs/PIXI.extras.TilingSprite.html

Answer 2

TilingSprite 文档/示例已更改：

示例：https://pixijs.io/examples/#/sprite/tiling-sprite.js

文档：http://pixijs.download/release/docs/PIXI.TilingSprite.html