rotationY속성을 이용한 카드 뒤집기

rotationY속성을 사용하면 3D처럼 입체감 있게 만들 수 있습니다.

마치 카드를 뒤집는 것 같은 효과를 반들수 있습니다.

//rotationY로 마치 3D처럼 보이도록 만듬

// 90도돌았을때 프레임을 옮겨주고 다시 0도로 돌아왔을때 멈추는 로직으로 구성
// 메뉴네비에서도 사용가능하다.

 

var temp:Boolean = true; //앞면
btn.addEventListener(MouseEvent.CLICK, coinThrow);

function coinThrow(e){
 coin.addEventListener(Event.ENTER_FRAME, spin);
}

function spin(e){
 if(temp == true){
  e.target.rotationY += 10;
  if(e.target.rotationY > 90){
   e.target.removeEventListener(Event.ENTER_FRAME, spin);
   e.target.play();
   e.target.rotationY = -90;   
   temp = false;
   comeBack();
  }
 }else{
  e.target.rotationY += 10;
  if(e.target.rotationY > 90){
   e.target.removeEventListener(Event.ENTER_FRAME, spin);
   e.target.play();
   e.target.rotationY = -90;
   temp = true;
   comeBack();   
  }
 }
}

function comeBack(){
 coin.addEventListener(Event.ENTER_FRAME, spin2);

}
function spin2(e){
  e.target.rotationY += 10;
  if(e.target.rotationY == 0){
   e.target.removeEventListener(Event.ENTER_FRAME, spin2);
  }
}

 카드뒤집기.fla