Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript PIXI.js-滚动背景网格_Javascript_Html_Graphics_Pixi.js - Fatal编程技术网

Javascript PIXI.js-滚动背景网格

Javascript PIXI.js-滚动背景网格,javascript,html,graphics,pixi.js,Javascript,Html,Graphics,Pixi.js,在游戏中,有一个网格背景,当玩家移动时,它会滚动。在PIXI.js中,我将如何重新创建它?最好是以不浪费资源的高效方式渲染屏幕外网格。您应该使用为渲染可重复图案、平铺等而创建的PIXI.extras.TilingSprite类。该类对整个图案只使用一个四边形(两个三角形),重复是在片段着色器中实现的 以下是一个工作示例: 以下是文档:TilingSprite文档/示例已更改: 例如: 文件:

在游戏中,有一个网格背景,当玩家移动时,它会滚动。在PIXI.js中,我将如何重新创建它?最好是以不浪费资源的高效方式渲染屏幕外网格。

您应该使用为渲染可重复图案、平铺等而创建的
PIXI.extras.TilingSprite
类。该类对整个图案只使用一个四边形(两个三角形),重复是在片段着色器中实现的

以下是一个工作示例:


以下是文档:

TilingSprite
文档/示例已更改:

例如:

文件: