Use off css and java - 2.5 D flip

Get help using Construct 2

Post » Mon Feb 15, 2016 9:06 am

Hi

Can I somehow use this on a sprite

http://jsfiddle.net/james2doyle/qsQun/

or maybe this could be created as a behavior thing

Cheers
B
34
S
18
G
11
Posts: 355
Reputation: 8,807

Post » Mon Feb 15, 2016 7:06 pm

Ok
Not quite 2.5d, but a card flip with only css, that I threw together, 7 events

update, fixed scaling, and got the 2.5d/3d effect, with one less event.

In action here

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

capx here

http://www.sizzle-games.com/cardflip/flip.capx
Last edited by sizcoz on Mon Feb 15, 2016 9:00 pm, edited 5 times in total.
Bushy Ball\Boatman Bill\Sticky Web\Snake

Image ImageImageImage

During the gold rush it was a good time to be in the pick and shovel business
B
48
S
14
Posts: 256
Reputation: 5,440

Post » Mon Feb 15, 2016 7:09 pm

ImageImageImage
B
71
S
22
G
259
Posts: 3,794
Reputation: 143,704

Post » Mon Feb 15, 2016 7:11 pm

blackhornet wrote:https://www.scirra.com/forum/viewtopic.php?f=153&t=94755
http://blackhornettechnologies.com/Cons ... erExample/


Nice
Bushy Ball\Boatman Bill\Sticky Web\Snake

Image ImageImageImage

During the gold rush it was a good time to be in the pick and shovel business
B
48
S
14
Posts: 256
Reputation: 5,440

Post » Mon Feb 15, 2016 8:56 pm

Update

I have got the 2.5d effect in 6 events, and fixed the scaling problem.

Cheers

refresh browsers and have a look

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

capx updated

http://www.sizzle-games.com/cardflip/flip.capx
Bushy Ball\Boatman Bill\Sticky Web\Snake

Image ImageImageImage

During the gold rush it was a good time to be in the pick and shovel business
B
48
S
14
Posts: 256
Reputation: 5,440

Post » Mon Feb 15, 2016 9:13 pm

someone has to make this a plugin for construct2 or a behaviour :D
B
41
S
16
G
7
Posts: 1,750
Reputation: 9,963

Post » Tue Feb 16, 2016 12:26 am

imothep85 wrote:someone has to make this a plugin for construct2 or a behaviour :D

I agree, css can be fun.

quick example

http://www.sizzle-games.com/cardflip/cssexample
Bushy Ball\Boatman Bill\Sticky Web\Snake

Image ImageImageImage

During the gold rush it was a good time to be in the pick and shovel business
B
48
S
14
Posts: 256
Reputation: 5,440

Post » Tue Feb 16, 2016 8:02 am

THANKS ALOT !!!
Some to play with ...

and YES would be very cool if someone could create a plugin / behavior for this

Cheers
B
34
S
18
G
11
Posts: 355
Reputation: 8,807

Post » Tue Feb 16, 2016 8:12 am

Can I get the css style to work on a sprite

( I wonder if I can place the anchor point and also apply easeing )

REGARDS
B
34
S
18
G
11
Posts: 355
Reputation: 8,807

Post » Tue Feb 16, 2016 10:03 am

@sizcoz: Looks nice in Chrome, doesn't works in FireFox though.
New to Construct ? Where to start

Image Image

Image Image

Please attach a capx to any help request or bug report !
Moderator
B
296
S
119
G
96
Posts: 7,332
Reputation: 71,306

Next

Return to How do I....?

Who is online

Users browsing this forum: No registered users and 21 guests