Deform a quad image within the boundary of an object using relative vertices with the object.
Hi Mikal, this is great and currently does a better job than the new built in Mesh. However, when testing on iOS (both in browser and as Xcode app) whilst moving each corner of the sprite using touch, sometimes the whole sprite goes really pixelated. I can get it to do it every time by moving the corners into certain positions. Do you know what might cause this?
I have added a video to show what is happening, this does not happen in chrome on my computer (in preview) but happens on iOS if I remote preview or build to Xcode and install as an app
streamable.com/zqitsd
EDIT: Also happens using Chrome on iOS.
EDIT 2 : It appears that this happens when edges are parallel maybe? I also noticed in the effect code there is a test for parallel edges? But I'm not very good with shader code so not sure if there is something that can be done there or not?
I have not played with this for quite a while, but yet I do remember parallel can cause a problem. There might also be a precision issue. I will check if this uses highp or not (which could help on iOS).
Added 1.2.1 which changes to highp precision, let me know how it goes.
wow! That's fixed it! Thank you!
You are welcome, if you get a chance, I'm always interested in how my addons are used...
Mikal The one other thing I forgot to mention was, when using an alpha image (like in the video) and using trilinear or bilinear sampling you get a very faint line around the edge of the sprite? When set to nearest this doesn't happen but then unfortunately it looks ugly.
Do you have any tips or fixes on how this can be resolved?
Thanks again!
One thought is to try adding a few transparent pixels around all the edges of the image. Also the same with all other textures/images in your project (neighboring textures on the spritesheet may be bleeding into this texture.)
Thanks Mikal I did read that somewhere and have already done so but unfortunately it still remains. I will do some more testing, really hope I can resolve it as this working so well!
It is actually something I am developing as part of a professional magic trick routine. So unfortunately cannot show much. But appreciate your efforts as it’s a great plug-in.
Did you add transparent border around all images in your project, not just the one with the effect? Do you have a sample project I can test and debug with?
I can confirm this also happens using Chrome on iOS.