fliph()

NePo

There is no example for fliph() function, so I had to find how it works by making a lot of mistakes and ended up with code like this:
.addSprite(name2,{animation: car, posx: carx, posy: cary, width: carw, height: carh}).fliph(true);
But it does not work as expected.

What I expected: flip image/mirror image horizontally

What really happened: It not only flips image but all logic too. Left side is not zero any more and if you want to move from left to right you need to decrease x instead of increasing it.

I want to let user to move object left and right and use the same animation, so its sounds logical just flip the same image instead of drawing new one...
Is there a solution for this?

selim

Your mistake is that what you are doing is flipping not the sprite but it's parent: indeed .addSprite doesn't change the selected element in the jQuery chain like addGroup does.

What you want to do is:

.addSprite(name2,{animation: car, posx: carx, posy: cary, width: carw, height: carh}); $("#"+name2).fliph(true);

NePo

Thank you, you should add sample of code to documentation.

monsieurmiguel33

I was able to flip the sprite using fliph(true) but when I want to flip it back to its original state, fliph(true) no longer works. How can I return the sprite back to its original state?

selim

.fliph() and .flipv() works in the following way:

• If you specify no argument they will return is the object is flipped or not.


• If you pass true the object will be flipped


• If you pass false the object will not be flipped

This means that this operation is "absolute". To achieve what you want you have to do:

$('#mySprite").fliph(false);