PIXI.filters.DisplacementFilter Texture Not Repeating - Even with PIXI.WRAP_MODES.REPEAT

I came across a couple of example posts that had suggested that setting a texture’s baseTexture wrapMode to PIXI.WRAP_MODES.REPEAT but this does not seem to work for me using Pixi 4.5.4. What I’ve tried:

Couple of things:

1. splat is a splat image that will have the displacement filter
2. splatDisplacement is the displacement image used to warp the splat image

// 'sprites' is an array of images that were successfully loaded
sprites.splat.texture.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT;  // nope
sprites.splatDisplacement.texture.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT;  // nope

splatDisplacementSprite =
            new PIXI.Sprite(sprites.splatDisplacement.texture);
splatDisplacementSprite.texture.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT; // nope
splatSprite.texture.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT; // nope

splatDisplacementFilter =
            new PIXI.filters.DisplacementFilter(splatDisplacementSprite);
splatDisplacementFilter.map.baseTexture.wrapMode = PIXI.WRAP_MODES.REPEAT // nope

I’ve tried all of these individually, and then uncommented all of them to see if any combination has an affect.

Animation loop has this in it:

        if(splatDisplacementSprite) {
            splatDisplacementSprite.x += 2;
            splatDisplacementSprite.y += 2;
        }

The example for v4.x of Pixi doesn’t show an example where the texture has to repeat and unfortunately I cannot find any other docs or bugs reports that might suggest what, if anything, that I am doing wrong.

Any help, greatly appreciated.

[ivanpopelyshev]

Yeah, I forgot to say in https://github.com/pixijs/pixi.js/wiki/v4-Creating-Filters#extra-texture-mapped-matrix , that texture has to be power-of-two size. Because OpenGL, WebGL and all that computer graphics stuff. WebGL cant repeat textures that are not power-of-two.

[ivanpopelyshev]

@majman You can describe what do you want to do in separate issue, and I’ll help you to use different things for it 😃