플래시에서 흐르는 이미지 제작방법

본문 바로가기

플래시에서 흐르는 이미지 제작방법

작성일 2013.02.27댓글 1건
    게시물 수정 , 삭제는 로그인 필요

 http://www.samsungfoundation.org/html/welfare/nursery/pop_view.asp?Rid=4

 

해당 사이트처럼 만들고 싶은데,,,  플래시작업을 안한지 오래라.. 소스 수정은 가능한데

 

스크립트 작성은 엄두가 안나네요.. ㅠㅠ ..

 

위 사이트는 이미지가 흐르면서 말풍선도 나오지만,

 

제가 만들고자 하는건 그냥 단순히 이미지만 계속 흘러가면 됩니다..... 마우스 오버시 살짝 느려지는

 

모션이 추가되면 좋긴 하겠지만, 그냥 단순히 흘러만 가도 됩니다....

 

도와주세요. ㅠㅠ



profile_image 익명 작성일 -

우선 해당 사이트에서 사용한 플래시의 방법은 마우스의 좌표값을 이용해서 무비클립의 위치를 변경하는 방식입니다.

 

img라는 무비클립을 만들어두시고, 이 안에 똑같은 파노라마 사진 두장을 연결해서 넣어주세요.

 

그리고 메인프레임에는 다음과 같은 액션을 넣어주시면 됩니다.

 

var speed = 100
var wid = 1500; // 이미지의 사이즈
img.onEnterFrame = function () {
    if (this._x >= 0) {
        this._x = -wid;
    } else {
        this._x += -(_root._xmouse - Stage.width/2) / speed;
    }
 
    if (this._x <= -wid) {
        this._x = -Stage.width;
    } else {
        this._x += -(_root._xmouse - Stage.width/2) / speed;
    } // end else if
}

 

실제로 해당 홈페이지에서 사용한 speed의 값은 115정도 되는것 같네요.

위의 액션은 마우스의 좌표에 따라서 무비클립의 위치를 변경하는것이며, 일정 위치에 도달했을때 그 값을 다시 환산해서 좌표를 변경하는 방식입니다.

 

그리고 버튼액션의 경우에는 img무비클립내에 버튼이나 새로운 무비클립을 만들어서 마우스 오버햇을 경우 변수를 지정하고 해당 변수에 대한 지속검사를 수행하시면 간단하게 제작이 가능할 것입니다.

 


 

연관된 질문 답변 리스트

플래시에서 흐르는 이미지 제작방법

... 위 사이트는 이미지가 흐르면서 말풍선도... ㅠㅠ 우선 해당 사이트에서 사용한 플래시의 방법은... 수행하시면 간단하게 제작이 가능할 것입니다.

흐르는 이미지 플래시로 만들기

흐르는 이미지를 플래시로 만들려고 합니다. 왼쪽에서 오른쪽으로 흐르는 이미지를... 자세한 방법을 알려주시면 감사하겠습니다. 가진 내공이 많지 않아 많이 못드려...

플래시로 제작된 웹사이트 저장방법

... 하이퍼스냅같은걸로 이미지만 찍어놓으면 별 도움이 안되더라고요.... 다 플래시로 제작된 그런사이트 저장방법이요. 게시판같은거는 레이아웃만나오게...

플래시 GIF 제작 방법 질문.

... 전에는 mecromedia사의 프로그램이었었죠 2.플래시 gif 제작 방법 간단하게 설명해주세요 1) 플래시로 작업을하신후에 다음 그림처럼 이미지 내보내기를 선택하세요 2)...

플래시로 홈페이지 제작시에 이미지..

막..플래시같은걸루 만든홈페이지.. 혹은 플래시가... 그런거는 어떻게 제작하는건가요? 걍 다른데서 이미지... 대부분의 이미지들은 저러한 두 가지 방법으로 그려지지만...

올플래시홈페이지 제작시......(내공 100)

... 올플래시 홈피 제작시의 용량 체크방법과 적절 용량은??? 두번째요......^^ 방명록및... 각 페이지별 작업과 필요한 문서나 이미지를 폴더 하나에 몰아서 만들어 두면...

플래시게임 3D로 제작하는방법

... 플래시에서, 각각 이미지를 합쳐서( 각 이미지를 무비클립으로 제작) ========================================== 왼쪽 버튼 누르면 :왼쪽으로 약간 틀리는 자동차 모양 오른쪽...