[Behavior] flip Sprite

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   Here's a behavior which allows you to flip a Sprite on his side (it was sitting on my harddrive, nearly finished, I just needed to test it on Chrome...) !

To make it work, you need to have a Sprite with two frames, when the first frame is flipped, the second one appears behind it.

4 consecutives screenshots to show the effet (it's more pronounced in Firefox than Chrome, I need to check the perspective).

It's also working on iOS (I just tested it on an iPad 1st gen with iOS 5.1).

In the next release, you'll have the possibility to se the perspective, axis (left/right,up/down), and back color.
I also need to make it work in Opera...

The demo : http://dl.dropbox.com/u/1412774/C2FlipTest/index.html
The .capx : http://dl.dropbox.com/u/1412774/C2FlipTest/C2FlipTest.capx
The plugin : http://dl.dropbox.com/u/1412774/C2FlipTest/pode_flippy.0.1.zip

One cool thing is that I can leverage the method to add other CSS2/CSS3 effects to objects in C2. So in the next few weeks, you are going to see some new effects ! 

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
Pode 5,295 Rep 3 8 25	Post Options Post Reply Quote Pode Report Post Quote Reply Topic: [Behavior] flip Sprite Posted: 18 Apr 2012 at 7:10pm
	Here's a behavior which allows you to flip a Sprite on his side (it was sitting on my harddrive, nearly finished, I just needed to test it on Chrome...) ! To make it work, you need to have a Sprite with two frames, when the first frame is flipped, the second one appears behind it. 4 consecutives screenshots to show the effet (it's more pronounced in Firefox than Chrome, I need to check the perspective). It's also working on iOS (I just tested it on an iPad 1st gen with iOS 5.1). In the next release, you'll have the possibility to se the perspective, axis (left/right,up/down), and back color. I also need to make it work in Opera... The demo : http://dl.dropbox.com/u/1412774/C2FlipTest/index.html The .capx : http://dl.dropbox.com/u/1412774/C2FlipTest/C2FlipTest.capx The plugin : http://dl.dropbox.com/u/1412774/C2FlipTest/pode_flippy.0.1.zip One cool thing is that I can leverage the method to add other CSS2/CSS3 effects to objects in C2. So in the next few weeks, you are going to see some new effects !

Pode 5,295 Rep 3 8 25	Post Options Post Reply Quote Pode Report Post Quote Reply Posted: 18 Apr 2012 at 7:11pm
	And, remember people, it's a behavior, not a plugin, so straight to the /behavior folder !

newt 16,360 Rep 13 12 71	Post Options Post Reply Quote newt Report Post Quote Reply Posted: 18 Apr 2012 at 7:18pm
	Nice. Would be good for card games, perhaps even a paper mario effect. Thanks!


pedro.thiers 3,990 Rep 3 10 38	Post Options Post Reply Quote pedro.thiers Report Post Quote Reply Posted: 18 Apr 2012 at 7:40pm
	it's nice to see that the sprite jumps out from the canvas! If planned right, it can be a good surprise =] nice job, Pode.

TL22 4,893 Rep 4 9 18	Post Options Post Reply Quote TL22 Report Post Quote Reply Posted: 18 Apr 2012 at 10:04pm
	This is so cool. Don't know what I'd use it for but I don't care! Downloading!

gonzdevour 6,429 Rep 5 12 29	Post Options Post Reply Quote gonzdevour Report Post Quote Reply Posted: 19 Apr 2012 at 9:07am
	That's amazing! m(_ _)m

rexrainbow 10,250 Rep 6 10 49	Post Options Post Reply Quote rexrainbow Report Post Quote Reply Posted: 19 Apr 2012 at 9:15am
	Master of effect!

VampyricalCurse 5,655 Rep 3 7 38	Post Options Post Reply Quote VampyricalCurse Report Post Quote Reply Posted: 19 Apr 2012 at 9:52am
	Menu effect material. Thanks for this. :)


Ize 4,219 Rep 3 4 22	Post Options Post Reply Quote Ize Report Post Quote Reply Posted: 19 Apr 2012 at 10:10am
	Hmm this could be used for a nice pageturn effect if used right :O

edisone 9,136 Rep 8 17 55	Post Options Post Reply Quote edisone Report Post Quote Reply Posted: 19 Apr 2012 at 12:26pm
	amazing!!!!!i like it
	Commodore 64 + Datassette 1530