Adding a noise overlay to scene (modifying textures programatically?)

[WhiteDragonLight]

I’m working on a top-down retro RPG thingy and there’s a scene where I need to gradually add “noise” to both the tileset and sprite textures as the player walks.
I’ve tried adding a graphics object and then plotting with fillPoint() like so:

let graphics = this.add.graphics();
  
this.events.on('playerMove', () => {

    for (let i = 0; i < 50; i++) {
        let point = this.getRandomCoords();
        graphics.fillPoint(point.x, point.y, 3);
    }
});

This kinda works but it’s far from ideal and it just breaks at one point giving the following warning:
WebGL warning: bufferSubData: Offset+size passes the end of the buffer.

So I’m looking for alternatives to achieve a similar effect. I was wondering if it was possible to modify tileset and sprite textures programatically for instance (that would be ideal) or just any other way to generate the same effect.
Basically, I want to add random white dots on screen until you can no longer tell what’s going on.

[samme]

If you want to fill the whole screen you can add a RenderTexture (which is a game object, like a sprite) on top and draw on that.

If you want to modify actual textures, create a CanvasTexture, copy a source texture on to it, then draw.

[WhiteDragonLight]

That did the trick, thanks!