【发布时间】:2018-09-29 01:33:44
【问题描述】:
在游戏agar.io中,有一个网格背景,它会随着玩家的移动而滚动。在 PIXI.js 中,我将如何重新创建它?最好以一种不浪费资源的有效方式渲染屏幕外网格。
【问题讨论】:
标签: javascript html graphics pixi.js
在游戏agar.io中,有一个网格背景,它会随着玩家的移动而滚动。在 PIXI.js 中,我将如何重新创建它?最好以一种不浪费资源的有效方式渲染屏幕外网格。
【问题讨论】:
标签: javascript html graphics pixi.js
您应该使用PIXI.extras.TilingSprite 类,该类是为了渲染可重复的图案、图块等而创建的。该类仅对整个图案使用一个四边形(两个三角形),在片段着色器中实现重复。
这是一个工作示例:http://pixijs.io/examples/#/basics/tiling-sprite.js
这是文档:http://pixijs.download/release/docs/PIXI.extras.TilingSprite.html
【讨论】:
TilingSprite 文档/示例已更改:
示例:https://pixijs.io/examples/#/sprite/tiling-sprite.js
文档:http://pixijs.download/release/docs/PIXI.TilingSprite.html
【讨论】: