블로그 메뉴, 방문자 입맛대로 옮겨보자!! - 플래시 과제중-_-


제목에서 보시다시피 과제중입니다;;

배운 플래시 액션을 억지로 블로그와 연계시키려다 보니 뒤죽박죽이네요=ㅅ=

각 공들은 직접 마우스로 드래그 가능하구요,

실제로 버튼의 역할을 수행합니다.

날아다니는 똥파리(?) 같은 녀석은

플래시 무비를 리셋시키는 역할을 하죠.

정적인 메뉴를 방문자의 취향(?)에 맞게

재배치가 가능하다는 것이 특징입니다.
신고

플래시로 만드는 라디오카셋트 뮤직플레이어



인터페이스 디자인(맞나?;;) 수업의 마지막 과제. 한학기동안 배운게 플래시 액션의 기초, 그중에서도 사운드 제어의 극소수이기 때문에 구현할 수 있는게 거어어의 없지만 가능한한 범위 내에서 제작해보았다. 전반적인 계획 없이 무턱대고 액션을 짰기 때문에 많은 버그가 발생하고 있지만 나는 그저 먼 산만 바라볼 뿐-_-

쌩뚱맞은 캐릭터까지 등장시킨 이유는 하루만에 시디자켓을 디자인해야 하기 때문에 원소스 멀티유즈용으로 작업했다.

윈도우에서 보면 테잎을 끼웠다 뺄때 화면이 튀는데 과제를 검사맡는 컴퓨터인 맥에서는 무리없이 구현되어 안심!

*6/21 Old school boom box player
- 테잎을 직접 드래그해서 카세트에 집어넣어서 음악을 듣는다.
- 재생, 정지, 일시정지, eject 버튼 기능이 가능하다.
- 사운드 볼륨 제어가 가능하다.
- 실제로는 총 10곡이 들어갈 예정.

*6/24 Old school boom box player
- 노래 9곡 추가.
- 애니메이션에 랜덤 모션 추가.
- 옛날 느낌으로 LED 변경.
- 사운드 종료시에 초기화 삽입.


엄청난 버그들이 숨겨져 있을테지만 검사맡는 그 순간까지 들통나지 않기를 바랄 뿐..
신고

친구가 작업한 실사같은 3D 작업물 몇개

제품 디자인을 전공하고 있는 HJ군의 3D 작업물

친구 녀석의 작업물을 가지고 만든 Baney 메뉴.

정말 사진같은데?!
신고

플래시 액션으로 자유롭게 헤엄치는 물고기 만들기


석연찮은 부분이 많은 응용작

액션 책으로 공부 중, 취화선처럼 해보고 싶어서 응용

물고기 몸의 각 파트가 선두로 부터 일정 거리를 유지하는 액션을 도저히 모르겠다. 항상 가로 정렬이라던가 세로 정렬일 경우에는 좌표값에서 얼마를 빼주면 되겠지만, 자유 유영 중인 물고기이기 때문에 어떻게 해야할 지 난감하고나;;

소스보기<


신고

액션 스크립트 <마우스 포인터 따라다니는 심볼>



소스보기&lt;


인터넷에서 많이 보아오던 플래시 액션이다. 무비 심볼이 매 프레임마다 마우스 포인터의 좌표로 이동하는 액션인데, 한번에 확 이동하는 것이 아니라 마우스 포인터가 있는 곳까지 서서히 이동하는 것을 구현해야한다.


신고

액션스크립트 drag 액션 예제<<사진 드래그하기>>


화면을 눌러서 이동하기


startDrag액션과 stopDrag액션을 이용한 화면에 맞는 사진 이동 스킬이다..;;
정해진 틀 밖으로 사진이 벗어나지 않게 하기위해서는 의외로 복잡한 액션이 사용된다.

정해진 틀이 되는 무비클립의 좌표와 사진의 좌표를 정확히 아는것이 관건!

신고

콜백함수를 이용한 캐릭터 좌표 이동





캐릭터 무비는 chr이라는 이름으로, 앞, 뒤, 우측, 좌측면의 4개의 그림이 4프레임에 각각 들어가있는 무비이다. 무비 클립의 특성상, 그냥 두면 자동으로 계속 1에서 4프레임을 보여 줄 것이므로, 1프레임에 this.stop();액션을 삽입했다.

up 버튼 = upb, down 버튼 = downb, left 버튼 = leftb, right 버튼 = rightb 라는 인스턴트 네임 부여

_root.upb.onRelease=function(){
    _root.chr.gotoAndStop(2);
    _root.chr._y=_root.chr._y-10;
};
_root.downb.onRelease=function(){
    _root.chr.gotoAndStop(1);
    _root.chr._y=_root.chr._y+10;
};
_root.rightb.onRelease=function(){
    _root.chr.gotoAndStop(3);
    _root.chr._x=_root.chr._x+10;
};    
_root.leftb.onRelease=function(){
    _root.chr.gotoAndStop(4);
    _root.chr._x=_root.chr._x-10;
};   
신고

액션 스크립트 1일차<<무비클립 속성 ~>>

무비클립의 대표적인 속성
_alpha : 투명도(0~100)
_x_y    : 무비클립의 좌표
_rotation : 회전정도(0~360)
_xmouse, _ymouse : 마우스의 x 및 y좌표
_width, _height : 무비클립의 가로 및 세로길이(길이단위이므로 -든 +든 무조건 절대값을 가짐)
_visible : true와 false라는 값을 가짐, false값이 되면 무비클립이 사라짐
_currentframe : 무비클립의 현재 재생 프레임
_totalframes : 무비 클립의 전체 프레임 수

예시>
on(release){                                                       ///버튼을 눌렀다가 뗄때마다
    _root.boo._rotation=_root.boo._rotation + 10;        ///boo의 회전 값에 10을 더한 값을
}                                                                       ///boo의 회전 값으로 대입하시.

과거에 기술산업시간에 배웠던 알 수 없던 공식인 ' A=A+1'을 이제 활용할 때가 왔다.
A는 명령이 실행될때마다 계속 1씩 더해진 값을 자기 값으로 갖는다. 그냥 믿자..;;

앞에서 배운 콜백 함수를 이용해서 활용해 보자면, 버튼 이름을 ROTA1이라고 주고 무비클립 이름을 BOO라고 준 상황에서,

_root.ROTA1.onrelease=function() {                       ///ROTA1 버튼을 눌렀다 떼면,
  _root.BOO._rotation=_root.BOO._rotation + 10;  ///BOO의 회전값에 +10을 더한다.
};
신고

액션 스크립트 1일차 <<콜백 함수~>>

콜백함수를 이용하여 해당 이벤트가 발생하면 적절한 함수를 수행하도록 할 수 있다.
버튼에 액션을 부여하지 않고, 프래임에 버튼에 해당하는 액션을 사용할 수 있다.

인스턴스이름.이벤트=function(){
   실행할 액션;
};

예를 들어 'boo'라는 이름의, 움직임을 가진 무비가 있고, '정지'라는 이름의 버튼이 있다고 가정하면..
무비를 재생할 경우 boo는 계속해서 자신의 움직임대로 움직이게 된다. (프레임 무한 반복)
이때, '정지'라는 버튼을 이용해서 무비를 정지시키고자 할때 기존 방법대로 하자면,
'정지'버튼 자체에 액션을 다음과 같이 부여했다.

on(release) {                         ///마우스 커서를 버튼 위에서 눌렀다가 뗄 경우에
    _root.boo.stop();                ///메인화면에 있는 boo를 정지하시오.
}

하지만, 콜백함수를 이용할 경우에는 버튼이 존재하는 프레임 자체에다가 다음과 같은 액션을 부여한다.

_root.정지.onRelease=function(){      ///메인화면의 '정지'버튼을 눌렀다가 뗄 경우에
    _root.boo.stop();                         ///boo를 정지하시오.
};


예제보기&lt;



신고