메뉴 건너뛰기

XE : Xpress Engine




웹디자인 강의

컴퓨터 중독자가 아니더라도 컴퓨터 앞에만 앉아 있으면 시간 가는 줄 모릅니다. 가끔 시간 맞추워 해야 할 일을 잊어 버려 낭패를 본 적도 많은데, 그때 마다 반성을 하지만 잘 지켜지지 않습니다. 이럴때 알람시계를 맞춰 놓고 컴퓨터를 하면 편리하겠죠.

자명종이 없어도 이제 걱정하실 필요가 없습니다.
플래시로 간단하게 만들수 있으니깐요.

[예제 - 디지털 알람 시계]



(알람이 될 시간과 분을 입력해 보세요)



[만들어 보기]

<li>알람으로 쓸만한 음악파일을 File메뉴>Import to Library를 실행해서 등록시킵니다. 등록된 사운드 심벌을 선택한 후, Linkage...에서 identifier에 music이란 이름을 주고 export for Action Script에 체크를 해 줍니다.</li>

<li>스테이지에 배경화면을 만들고 5개의 텍스트필드를 만듭니다.
현재 시간을 나타낼 3개의 Dynamic 텍스트필드는 각 각 instance name을 hour, minute, second로 줍니다. 알람이 필요한 시간에 들어갈 Input 텍스트필드 두개에는 name을 hh, mm으로 줍니다.</li>

<li>라이브러리에 빈 무비클립(mc)을 만들고 이름을control로 준 후,
시계가 작동이 되도록 스테이지에 드래그해 놓습니다.</li>

<li>마지막으로 레이어를 추가하고 모든 액션을 집어 넣습니다.

root.createEmptyMovieClip("control",1);

alarm = new Sound();
alarm.attachSound("music");

control.onEnterFrame = function(){
        maDate = new Date();
        var h = maDate.getHours();
        var m = maDate.getMinutes();
        var s = maDate.getSeconds();
        if (m<=9){
                minute.text = "0"+m;
        } else {
                minute.text = m;
        }
        if (h<=9){
                hour.text = "0"+h;
        } else {
                hour.text = h;
        }
        if (s<=9){
                second.text = "0"+s;
        } else {
                second.text = s;
        }
        if ( minute.text == mm.text && hour.text == hh.text) {
                mm.text = "";
                hh.text = "";
                alarm.start(0, 999);
        }
}
stop.onRelease = function(){
        stopAllSounds();
}


<li>알람을 끄기 위한 무비클립 stop을 만들어 놓는 것도 잊지 마세요.</li>

여기서 눈여겨 볼 점은 현재시간의 hour와 minute가 알람할려고 입력한 값 hh,mm과 같은 경우 사운드심벌로 등록된 music이 프레임안으로 불리워지는 것 입니다.

컴퓨터 한쪽 화면에 띄워놓고 시간맞춰 할 일을 한다면 컴중독자라는 오명을 벗을 수 있을 겁니다.^^

※다른 강좌는 www.goody.pe.kr에 있습니다.
번호 제목 글쓴이 날짜 조회 수
공지 공지 강좌를 올리기전 공지사항을 읽어주세요 [12] Eccen 2004.12.15 48031
151 움직이는 메뉴 네비게이션 [2] file totomylove 2005.02.09 16417
150 [ 퍼즐 알고리즘의 원리 1 ] [1] file Fc 2005.02.09 5603
149 D-Day 카운터 만들기.(진짜!!! 수정) [13] file 엔젤퀸 2005.02.18 8949
148 포토샵 blur필터를 이용한 이미지 효과 [4] file totomylove 2005.02.21 9359
147 제1강 플래시 시작하기 - 드로잉 명령 익히기-01 file 최승철 2005.03.13 5023
146 제1강 플래시 시작하기 - 드로잉 명령 익히기-02 file 최승철 2005.03.13 2848
145 제1강 플래시 시작하기 - 드로잉 명령 익히기-03 file 최승철 2005.03.13 2719
144 제1강 플래시 시작하기 - 드로잉 명령 익히기-04 file 최승철 2005.03.13 2351
143 제1강 플래시 시작하기 - 드로잉 명령 익히기-05 file 최승철 2005.03.13 2620
142 제1강 플래시 시작하기 - 드로잉 명령 익히기-06 file 최승철 2005.03.13 3003
141 제1강 플래시 시작하기 - 드로잉 명령 익히기-07 [4] file 최승철 2005.03.13 5576
140 플래시에서 포토샵에서 작업한 깔끔한 투명 이미지 임포트 시키는 방법 [5] 홈때기~♪ 2005.04.19 8285
139 테두리 없는 플래시 윈도우 띄워주기 [7] 홈때기~♪ 2005.04.19 8233
138 getURL로 자바스크립트 호출하기 [1] file 삐리리 2005.04.21 4478
137 wmode 속성중 transparent 와 opaque 의 차이점 file 삐리리 2005.04.22 4356
136 FlashVars로 플래시에 변수값 넘기기 [1] file 삐리리 2005.04.25 4758
135 디비 연동의 허와 실 [2] Fc 2005.04.28 5099
134 플래시를 시작하기 위한 준비 [1] Fc 2005.05.06 7495
133 플래시의 기초(이론) [5] Fc 2005.05.11 6114
132 [플래시 MX 동영상 강좌] 1. 기본 사용방법익히기 [18] 서기 2005.05.20 8887