플래시45 4-11. 텍스트 입력과 출력 - 텍스트 유형, 변수 제4장 예제를 이용한 애니메이션 만들기4-11. 문자 입력 받아 출력하기이름과 주소를 입력 받아 출력하는 예제입니다. (1) 텍스트 유형 3가지텍스트 유형은 모두 3가지가 있습니다. [정적 텍스트, 동적 텍스트, 입력 텍스트]가 그것입니다. 이를 경우에 따라서 적절하게 잘 활용하는 것이 이번 강좌의 핵심입니다.- 정적 텍스트 위의 예제에서 입력창 위에 표시된 '받는 사람', '주소', '우편번호'는 단지 화면상에 표시되는 것으로 그 임무를 다합니다.- 입력 텍스트 입력창에 입력되는 문자는 [확인] 단추를 눌렀을 때 편지 봉투 위에 나타나야할 문자입니다. 따라서 이 문자는 '입력 텍스트'가 되어야 하고, 입력된 결과를 처리를 하기 위해서는 [변수]를 필요로 합니다.- 동적 텍스트 입력된 문자를 화면 상에 .. 2016. 6. 30. 4-10. 다양한 링크 방법 -getURL 제4장 예제를 이용한 애니메이션 만들기4-10. 다양한 링크 방법 - getURL 플래시가 웹 애니메이션 저작 도구인 만큼 웹에서 가장 중요한 요소인 링크를 어떻게 구현하느냐 하는 것은 매우 중요합니다. 이 강좌에서는 다음 예제와 같이 다양한 링크의 방법들을 알아봅니다. 링크는 액션 스크립트 중에서 GetURL을 사용합니다. 외부 링크와 내부 링크는 절대 경로와 상대경로의 개념을 적용하면 되고, 메일의 경우는 mailto: 뒤에 메일 주소를 적어주면 됩니다. 예제파일 [만들어보기](1) 오버 상태에서 움직이게 하기버튼 심볼의 오버 프레임에 무비클립을 넣어주면 됩니다. (2) 외부 링크화살표 도구로 외부 링크 버튼을 선택하고 [액션 > 브라우저/네트워크 > getURL]을 더블클릭합니다. URL에 http.. 2016. 6. 29. 4-09. 다중 배너 만들기 - getURL 제4장 예제를 이용한 애니메이션 만들기4-09. 다중 배너 만들기 - getURL 비교적 간단한 액션 스크립트 활용 예제로 배너를 만들어 보겠습니다. 플래시로 만들면 애니메이션화 할 수 있고, 좁은 공간에서도 다양한 곳으로 링크를 할 수 있습니다. 클릭하면 해당 사이트로 이동하게 됩니다. 예제파일 다운로드먼저 위의 '예제 파일 다운로드'를 클릭하여 적당한 폴더에 저장하십시오. 이 파일 속에는 이번 강의에 사용될 링크용 그림 4개가 라이브러리에 들어 있습니다. Ctrl + L 키를 눌러 라이브러리를 호출하여 확인해보십시오. 1) 스테이지의 크기를 200 * 50으로 조절합니다.타임라인 아래의 초당 프레임수를 더블클릭하거나, [수정 > 문서] 메뉴 혹은 Ctrl + J 키를 누르면 됩니다. 2) 라이브러리에.. 2016. 6. 29. 4-08. 이미지 갤러리 만들기 - goto 제4장 예제를 이용한 애니메이션 만들기4-08. 이미지 갤러리 만들기 - goto 이번 강좌에서 다루어 볼 액션은 ‘goto’입니다. 말 그대로 ‘어디로 가라’는 것입니다.어디로 갈 수 있을까요? goto로 갈 수 있는 곳은 다음과 같습니다.첫째, 특정 장면 타임라인상의 특정 프레임 번호 둘째, 특정 장면 타임라인상의 프레임 레이블 가. 안내이 예제에서는 단지 두 개의 액션 즉, stop과 goto 만으로 상호작용을 만들어 봅니다. [예제 파일] 다운로드(파일명 : img_gallery01.zip)예제 파일(img_gallery01_ex.fla)을 플래시에서 열어서 실행해보면 다음 그림과 같이 네 개의 산이 번갈아 가면서 나타나는 애니메이션을 보실 수 있을 것입니다. 나. 예제 파일 설명플래시에서 예제 .. 2016. 6. 29. 4-07. 스톱워치 만들기 - (액션) stop, play, goto, 경로 제4장 예제를 이용한 애니메이션 만들기4-06. 스톱워치 만들기 - stop, play, goto, 경로 설정 [안내]이번에는 이전 차시보다 약간 쉬운 몇 가지 기능을 활용하여 스톱워치를 만들어 봅니다. 발상의 출발점은 플래시의 초당 상영 프레임수(fps)입니다. 기본값는 초당 24프레임입니다만, 이는 원하는대로 수정할 수 있다는 점을 이용하여, 초침을 기준으로 1fps 즉, 1초에 1프레임이 움직이도록 무비를 만든다면 스톱워치는 쉽게 만들어낼 수 있을 것입니다. 초당프레임 속도를 60으로 해서 만든 예제가 다음에 있습니다.[완성된 예제] 초침은 초당 1프레임 상영 속도에서 60초에 걸쳐 한 바퀴 회전하는 무비클립으로 만들었습니다.그리고 이 초침을 제어하기 위해 전문가 모드를 이용하여 스크립트를 작성합니.. 2016. 6. 28. 4-06. 시계 놀이 - (액션) goto / stop 제4장 예제를 이용한 애니메이션 만들기4-06. 시계 놀이 - goto / stop 예제 파일 플래시에서는 액션 스크립트가 결부되면 결과물은 같을지라도 그 구현 방법은 여러 가지일 수가 있습니다. 이 점은 일반 프로그래밍에서도 마찬가지죠.마우스를 시계 내부에서 움직이면 중심점을 기준으로 방향에 따라 시침이 움직이고, 시침이 가리키는 시간대에 숫자가 깜박이도록 합니다.우리는 아직 기초 단계를 벗어나지 않은 상태이므로 위와 같은 유아용 시계 교육 프로그램을 만든다고 할 때 복잡한 액션 스크립트보다는 구현하기 쉬운 아주 간단한 액션 스크립트를 먼저 떠올려 보십시오.이 예제의 핵심은 사실 보이지 않는 버튼에 있습니다. 즉, 마우스가 시계 내부에 들어서면 보이지 않는 버튼이 작동되어 그 버튼에 따라 무비클립 속에.. 2016. 6. 28. 4-05. 신호등 놀이 - (액션) stop / play 제4장 예제를 이용한 애니메이션 만들기4-05. 신호등 놀이 - (액션) stop / play [안내]아주 간단한 액션 스크립트 활용 예제입니다. 이 예제에는 단지 두 개의 액션 즉, stop과 play 만으로 상호작용을 만들어 봅니다.[예제 파일]를 클릭하여 적당한 폴더에 저장하십시오.(파일명 : stop_play01_ex.fla)예제 파일을 플래시에서 열어보면 다음 그림과 같이 길이 그려져 있고, 그 위에 차와 신호등, 그리고 차가 따라갈 안내선이 있습니다.타임라인을 보면 모두 5개의 레이어가 있으며, 각 레이어의 스테이지에 있는 객체에 따라 레이어 이름을 붙여두었습니다. 이번 차시에서 익힐 내용은 ‘버튼’ 레이어에 있는 두 개의 버튼에 액션을 넣어주면 됩니다. 따라서 버튼 레이어만 활성화시켜두고 나.. 2016. 6. 28. 4-04. 액션 스크립트 작성법 제4장 예제를 이용한 애니메이션 만들기 4-04. 액션 스크립트 작성법 액션 스크립트 작성 모드는 표준 모드와 전문가 모드 등 두 가지가 있으며, 초보자에게는 표준모드(일명 도우미 모드)가, 스크립트 위주의 작업에는 전문가 모드가 편리합니다. 물론 처음에는 표준 모드가 쉽지만 구문이 복잡해지면 오히려 표준 모드가 불편해지게 됩니다. 가. 표준 모드에서의 작성법 액션 스크립트 창을 불러낸 다음 사용할 액션을 더블클릭하고, 속성 항목들을 선택하거나 채워주는 방식입니다. 나. 전문가 모드에서의 작성법 일부는 액션 리스트를 이용하고, 또 일부는 직접 타이핑하는 방식입니다. 액션의 오른쪽 상단 끝에 있는 액션 패널 메뉴를 열어 [Esc 단축키 보기]를 체크해두면 다음과 같이 명령어 오른쪽에 단축키가 표시됩니다. .. 2016. 6. 28. 4-03. 콜백 함수의 이해 제4장 예제를 이용한 애니메이션 만들기4-03. 콜백 함수의 이해 이제 플래시의 액션은 크게 버전 2와 3이 있습니다. 이전의 MX버전부터 콜백 함수라는 것이 도입이 되고, 버전 3은 이전의 2버전과는 구조가 많이 다른 새로운 액션과 스크립트가 도입되었습니다. 콜백 함수를 이용하면 일명 '원(One)프레임 무비' 혹은 '스크립트 모션(Script Motion)'이라 불리우는 1개의 프레임을 이용한 애니메이션 및 상호작용을 구현할 수 있습니다. 이로써 플래시를 단순한 애니메이션 제작도구에서 프로그래밍 언어에 가깝도록 프로그램의 성격을 바꿔놓았고, 액션스크립트 3.0으로 이어지게 됩니다. 여기에서 다룰 액션 스크립트는 1개의 프레임에서 구현하는 것을 원칙으로 하겠습니다. 가. 콜백 함수와 인스턴스 이름 액션.. 2016. 6. 28. 4-02. 액션 스크립트(Action Script)의 특징 제4장 예제를 이용한 애니메이션 만들기4-02. 액션 스크립트(Action Script)의 특징 플래시를 가장 강력한 웹용 저작도구로 만드는 데 일등 공신을 한 요소입니다. 액션은 무비의 개체를 제어하는 각종 명령어의 집합체라고 할 수 있습니다. 스크립트는 액션을 정해진 문법에 맞게 구조화시킨 문장이라고 생각하십시오. 따라서 액션 스크립트는 명령어를 포함하며, 컴퓨터에게 모종의 일을 시키는 명령이라고 표현할 수 있겠습니다. 예를 들어, 무비를 재생 혹은 멈춘다든지, 사운드 제어하기, 드래그, 색칠하기, 개체의 크기 및 투명도 조절 등 헤아릴 수 없을 정도의 많은 결과물들을 액션 스크립트를 통해 구현해낼 수 있습니다. 가. 특징 플래시의 액션 스크립트는 ECMA Script에 기반을 두어 만들어졌습니다. .. 2016. 6. 28. 제4장 애니메이션 만들기 4-01. 액션 스크립트의 개념 제4장 예제를 통한 애니메이션 만들기이 장에서는 예제를 통해 애니메이션들을 만들어보겠습니다. 4-01. 액션 스크립트의 개념 1. 액션과 액션 스크립트액션 스크립트는 플래시 무비를 제어할 수 있는 명령어인 액션(Action)이 모여 이루어진 여러 줄의 코드를 의미합니다.액션은 상당히 많은 종류가 있으며, 이들은 용도와 역할에 따라 분류되어 있기도 합니다. 예를 들어 메뉴를 만들어두고 그 메뉴를 마우스로 누르면 해당되는 내용이 들어 있는 프레임으로 이동하게 한다든지 하는 것이 액션인 것입니다.액션을 이해하고 액션을 적절히 얽어서 스크립트로 만들어준다면 플래시 무비는 보다 인터렉티브한 상호작용이 가능해지게 됩니다.따라서 액션 스크립트를 이용하면 다음과 같은 일을 할 수 있습니다.- 멀티미디어 홈페이지 제작 .. 2016. 6. 23. 3-27. 템플릿을 이용한 이미지 갤러리 만들기 제3장 애니메이션 기초3-27. 템플릿을 이용한 이미지 갤러리 만들기 [이미지 갤러리 만들기 - stop / goto] 와 [로드 무비를 활용한 이미지 갤러리 만들기 - loadMovie / unloadMovie] 등 다음에 공부할 예제와 성격이 같은 이미지 갤러리 만들기입니다. 플래시에 포함되어 있는 템플릿(이미 만들어져 있는 틀)에 내용만 넣으면 작품이 완성되는 것입니다. 쉽게 만들 수 있는 반면 보이는 모습이 같아서 개성이 없다는 점이 아쉬운 점입니다. [만들어보기]1) 시작 화면에서 [템플릿에서 새로 만들기 > 템플릿]을 클릭합니다. [템플릿]에서 [고급 사진 앨범]을 선택합니다. 2) 파일이 열리면 아래쪽에 있는 '템플릿 지침'을 잘 살펴봐야 합니다.3) 이미지 파일 이름은 기본값으로 image.. 2016. 6. 23. 이전 1 2 3 4 다음
