메뉴 건너뛰기

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 48035
» 알람시계 만들기 [6] gimbob 2003.01.15 9576
814 폰트와 픽쳐튜브를 이용한 클래식한 제목 표시줄&테두리 만들기(초급) [4] file 2003.01.15 5479
813 일반디카사진 로모사진처럼 만들기!! [22] file Wings 2003.01.15 9672
812 쓰레기 글자 만들기 [18] file torayo 2003.01.15 7886
811 [ All User? ] #04. 홈페이지 짜임새있는 레이아웃 짜기. - 2부 - [8] Nersion 2003.01.15 11712
810 아래 가이드 선 그리는 것에 대한 보충강의 [5] 리쯔:) 2003.01.15 3750
809 [ Easy ] 가이드선을 나눌때 Shift 키 활용법. [7] Nersion 2003.01.15 10184
808 [ All User? ] #03. 홈페이지 짜임새있는 레이아웃 짜기. - 1부 - [6] Nersion 2003.01.15 15873
807 간단하고 심플한 문자디자인.. [8] file Darkness 2003.01.14 12071
806 [ All User? ] #02. 개인홈페이지를 구성해보자. [8] Nersion 2003.01.13 11396
805 브러쉬만으로 흑백이미지 칼라로 바꾸기.. [23] file 엘프º 2003.01.13 5640
804 초간단 염색하기 (다른방법) [24] file puki 2003.01.13 17732
803 [ All User? ] #01개인홈피편. 웹디자인을 좀더 멋지게하려면 - 1부 - [7] Nersion 2003.01.13 6658
802 - 색채우기 단축키 [4] file 푸리 2003.01.13 3177
801 #.....합성으로.....신비한 이미지만들기!!..:..:..:..신비한가....;;..:..:..:.. [17] file 엘프º 2003.01.13 14545
800 액션스크립트를 이용한 쉬운 커튼효과 만들기(수정스크립트설명) [15] 이광민 2003.01.13 16803
799 이름아이콘 만들기(그림자 생기는것) [16] file prettymom 2003.01.12 10808
798 알록달록한 무늬 만들기 [6] file 마리아 2003.01.12 9298
797 이쁜동글이 버튼만들기 [6] file 이광민 2003.01.12 15434
796 [Wesley]크레이지 아케이드 홈페이지 따라하기 [19] Wesley 2003.01.12 8732