v2.0.0 displacementFilter multiple canvases

[glafarge]

Unexpected result with DisplacementFilter when I have more than one canvas in page.

Two fiddles to compare :
v1.6.1 : http://jsfiddle.net/glafarge/6h84bpnk/
v2.0.0 : http://jsfiddle.net/glafarge/6h84bpnk/1

[glafarge]

Problem occurs with displacement shader too (even with one canvas) : http://jsfiddle.net/glafarge/rf6xybm0/.

[edankwan]

I am having a similar issue with custom shaders.

If you copy the url of the diffuse image and paste it as the displacement map image url, you will find out you will get the same incorrect result for the 2nd and 3rd instances.

It seems that Pixi will lose the texture after the first Pixi instance being created.

[edankwan]

This is a half fix for your case like what I did in the pull request:
http://jsfiddle.net/6h84bpnk/3/

In your case, because the displacementFilter added the eventListener into the Texture and once the image is loaded. There must be some messed up with the event listener that the off() call removed another function or something. If you commented the removeEventListener line like this:
http://jsfiddle.net/6h84bpnk/4/

You can see the problem is resolved(sort of).

[glafarge]

Thank you Edan ! I was stuck into this bug since 2 days !
I took that as a chall but you've fixed it in couple of hours :)
Cheers !

[edankwan]

Hi @glafarge, please check if the latest dev branch fixed the bug?

[glafarge]

Hi @edankwan !
For my specific use case, it doesn't solve the problem.
Displacement maps are now working, but I cannot use more than 3 instances and I cannot find out why. For the moment, I switch back to v1.6.1.

[englercj]

This issue may be caused by #1238, hopefully this will be fixed in v3

[GoodBoyDigital]

Boom! works like a champ in v3!

[glafarge]

Thank you !! :)

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.