• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

flipping Movie clip

Contributor ,
Apr 15, 2015 Apr 15, 2015

Copy link to clipboard

Copied

I have found online a tutorial to flip am movie clip like a card. I'm playing around with it seeing if I can flip multiple movie clips (one after another), and then see/experiment with changing the content inside when it ha flipped to the other side.

Right now I'm having a bit of a problem with the multiple. I set up another Movieclip the same as the orig, and set up the script to flip and switch mc

(using timer). The original mc works fine, the other tens to shift (off center), and the two mc in the container slightly separate. Im unsure is the problem lies in the code, or how I built the other MC. I can't see how to attach the flash file to see, heres the script and some images.

Screen Shot 2015-04-15 at 9.50.25 AM.pngScreen Shot 2015-04-15 at 9.51.13 AM.pngScreen Shot 2015-04-15 at 9.51.26 AM.png

import fl.transitions.easing.*;

import fl.transitions.TweenEvent;

import flash.events.Event;

import fl.transitions.Tween;

stop();

//con.sidea.flip.addEventListener (MouseEvent.CLICK,onflip);

//con.sideb.flip.addEventListener (MouseEvent.CLICK,onflip);

addEventListener(Event.ENTER_FRAME, loop);

var isStill:Boolean = true;

var arraytween:Array = new Array();

var tweenside = con

var flipside:String = "righthandside"

function onflip (e:Event)

{

  if (isStill)

  {

  arraytween.push(new Tween(con,'rotationY',Strong.easeOut,con.rotationY,con.rotationY+180,4, true));

  arraytween[0].addEventListener(TweenEvent.MOTION_FINISH,reset);

  }

}

function reset(e:Event)

{

  isStill = true;

  arraytween = [];

  if (flipside == "righthandside")

  {flipside = "lefthandside"; tweenside = con2}

  else

  {flipside = "righthandside"; tweenside = con}

  //var myTimer:Timer = new Timer(5000,1);

  //myTimer.addEventListener(TimerEvent.TIMER, nextframe);

  //myTimer.start()

}

function loop(e:Event)

{

  if (tweenside.rotationY>=90 && con.rotationY<=270)

  {

  tweenside.addChild(con.sideb)

  tweenside.scaleX=-1

  }

  else

  {

  tweenside.addChild(con.sidea);

  tweenside.scaleX=1

  }

  if(tweenside.rotationY>=360)

  {

  tweenside.rotationY=0;

  }

}

var flipit:Timer = new Timer(5000,10);

flipit.addEventListener(TimerEvent.TIMER, theflip);

function theflip (e:TimerEvent):void

  {

  arraytween.push(new Tween(tweenside,'rotationY',Strong.easeOut,con.rotationY,con.rotationY+180,1, true));

  arraytween[0].addEventListener(TweenEvent.MOTION_FINISH,reset);

  }

flipit.start();

clickTAG_btn.addEventListener(MouseEvent.MOUSE_UP, function(event: MouseEvent): void {

  var sURL: String;

  if ((sURL = root.loaderInfo.parameters.clickTAG)) {

    navigateToURL(new URLRequest(sURL), "_blank");

  }

}

)

TOPICS
ActionScript

Views

275

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Apr 15, 2015 Apr 15, 2015

Copy link to clipboard

Copied

The only properties of the movieclips that this code deals with are the scaleX and rotationY. So, if the movieclip seems to be out of alignment at the end of the animation, I'm guessing that the registration point of the movieclip is not at its center.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 15, 2015 Apr 15, 2015

Copy link to clipboard

Copied

LATEST

check your transform points.  you probably want them to be in the center of each flipping card.

also, all tweens are much easier using greensocks tween libraries (eg, tweenlite).

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines