How do I flip a card?

Hello guys,

does anoyone knows how to create a flipping card effect?

Thanks

Right now the easiest method would be to draw a poly in Drawing Canvas.

You could do the numbers with the Sin behavior.

klabundee

to do a nice 3d flip like your image shows, then newt is correct - and I am pretty sure I have seen an example (probably by ROJOhound) on how to do it a couple years ago.

another cheap effect you can do is adjust the width down to nothing, then bring it back up to the card width. It doesn't look as nice, but takes very little processing power, and no plugins...

and if you do it fast enough, it is hard to tell the difference.

https://www.rieperts.com/games/forum/cardflip.capx

my sample has a deck of cards from a tutorial I saw years ago that has a nice shuffle example and other ideas to get you started on a card game... not sure if the tutorial still exists or not.

Here's a quick try with helper sprites using the built in sin behavior to get the poly points for drawing canvas - dropbox.com/s/52gq4zmvnoxq9lb/canvas-perspective.c3p

AFAIK texture transformations will not be possible though. Best bet is to squish the width down to 0 as mentioned above, or actually have the entire flipping animation with a 3d effect done from another program.

Ashley

Are Construct Classic type Sprite deformations planned?

Otherwize if someone did a conversion of R0j0hounds Paster, then that would work for textures.

Quads anyways.

Not at the moment, because any non-flat 3D features allows for depth intersection, which requires a depth buffer, which doesn't normally work with an alpha channel... so it ends up opening a whole can of worms.

Ok, so that one might be a while.

You could use CSS, but it stays on top of canvas.

https://www.sizzle-games.com/cardflip

It's ok on pc, but slow on android.

I have CSS rudimentary z-ordering implemented in this example.