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
35
S
20
G
11
Posts: 367
Reputation: 9,091

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.
Super Soccer Skills\Bushy Ball\Sticky Web\Snake
Image ImageImageImage
During the gold rush it was a good time to be in the pick and shovel business
B
60
S
20
G
3
Posts: 284
Reputation: 7,980

Post » Mon Feb 15, 2016 7:09 pm

ImageImageImage
B
71
S
22
G
288
Posts: 3,858
Reputation: 158,422

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
Super Soccer Skills\Bushy Ball\Sticky Web\Snake
Image ImageImageImage
During the gold rush it was a good time to be in the pick and shovel business
B
60
S
20
G
3
Posts: 284
Reputation: 7,980

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
Super Soccer Skills\Bushy Ball\Sticky Web\Snake
Image ImageImageImage
During the gold rush it was a good time to be in the pick and shovel business
B
60
S
20
G
3
Posts: 284
Reputation: 7,980

Post » Mon Feb 15, 2016 9:13 pm

someone has to make this a plugin for construct2 or a behaviour :D
B
44
S
18
G
7
Posts: 1,819
Reputation: 10,384

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
Super Soccer Skills\Bushy Ball\Sticky Web\Snake
Image ImageImageImage
During the gold rush it was a good time to be in the pick and shovel business
B
60
S
20
G
3
Posts: 284
Reputation: 7,980

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
35
S
20
G
11
Posts: 367
Reputation: 9,091

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
35
S
20
G
11
Posts: 367
Reputation: 9,091

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
311
S
128
G
101
Posts: 7,413
Reputation: 75,222

Next

Return to How do I....?

Who is online

Users browsing this forum: No registered users and 12 guests