# Flip/Turn MovieClip ActionScript

**URL:** https://forum.kirupa.com/t/flip-turn-movieclip-actionscript/264575
**Category:** flash
**Created:** [June 27, 2008, 1:03pm UTC](https://forum.kirupa.com/t/flip-turn-movieclip-actionscript/264575 "2008-06-27T13:03:20Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![felipegm](https://avatars.discourse-cdn.com/v4/letter/f/e9bcb4/32.png) [@felipegm](https://forum.kirupa.com/u/felipegm)
#### Post date: [June 27, 2008, 1:03pm UTC](https://forum.kirupa.com/t/flip-turn-movieclip-actionscript/264575/1 "2008-06-27T13:03:20Z")

</div>

Hi

does anybody has a source file I could use as an example on how to make a display to turn (flip) around and show the other side?

I found some components on the web, but I can´t afford them.

Thanks

---

<div class="post-metadata">

### Author: ![pantas](https://avatars.discourse-cdn.com/v4/letter/p/3e96dc/32.png) [@pantas](https://forum.kirupa.com/u/pantas)
#### Post date: [June 27, 2008, 3:41pm UTC](https://forum.kirupa.com/t/flip-turn-movieclip-actionscript/264575/2 "2008-06-27T15:41:31Z")

</div>

play with its \_xscale. when it reaches 0 swap the image, and so on an on

---

<div class="post-metadata">

### Author: ![TheCanadian](https://avatars.discourse-cdn.com/v4/letter/t/67e7ee/32.png) [@TheCanadian](https://forum.kirupa.com/u/TheCanadian)
#### Post date: [June 27, 2008, 6:00pm UTC](https://forum.kirupa.com/t/flip-turn-movieclip-actionscript/264575/3 "2008-06-27T18:00:50Z")

</div>

It’s AS2 but the idea’s the same:

```auto
import mx.transitions.Tween;
import mx.transitions.easing.Regular;
import mx.transitions.easing.Back;
import mx.utils.Delegate;
class Card extends MovieClip {
	private var backPicture:MovieClip;
	private var frontPicture:MovieClip;
	private var scaleTween:Tween;
	
	public function init(back:String, front:String):MovieClip {
		backPicture = attachMovie(back, "backPicture", 0);
		frontPicture = attachMovie(front, "frontPicture", 1)
		frontPicture._visible = false;
		onPress = flip;
		scaleTween = new Tween(this, "_xscale", Regular.easeIn, 100, 100, 0, false);
		return this;
	}
	public function flip():Void {
		onPress = null
		scaleTween.func = Regular.easeIn;
		scaleTween.continueTo(0, 12);
		scaleTween.onMotionFinished = Delegate.create(this, switchPic);
	}	
	private function switchPic():Void {
		backPicture._visible = !backPicture._visible;
		frontPicture._visible = !frontPicture._visible;		
		scaleTween.func = Regular.easeOut;
		scaleTween.continueTo(100, 12);		
		scaleTween.onMotionFinished = Delegate.create(this, function():Void {
																	 onPress = flip;
																	 });
	}
}

```