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
33
S
17
G
11
Posts: 350
Reputation: 8,695

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
45
S
13
Posts: 247
Reputation: 5,247

Post » Mon Feb 15, 2016 7:09 pm

ImageImageImage
B
71
S
21
G
231
Posts: 3,691
Reputation: 129,358

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
45
S
13
Posts: 247
Reputation: 5,247

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
45
S
13
Posts: 247
Reputation: 5,247

Post » Mon Feb 15, 2016 9:13 pm

someone has to make this a plugin for construct2 or a behaviour :D
B
37
S
15
G
7
Posts: 1,680
Reputation: 9,612

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
45
S
13
Posts: 247
Reputation: 5,247

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
33
S
17
G
11
Posts: 350
Reputation: 8,695

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
33
S
17
G
11
Posts: 350
Reputation: 8,695

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
289
S
112
G
94
Posts: 7,333
Reputation: 69,293

Next

Return to How do I....?

Who is online

Users browsing this forum: 7Winter, HellMax, Lordshiva1948, Matei511 and 57 guests