메뉴 건너뛰기

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
815 [활용성 없는 강좌]무지개빛 소용돌이 만들기 [7] file 아르노 2002.11.11 6843
814 그라데이션을 이용한 파스텔톤 스트라이프 [13] file + rynne + 2002.07.26 6838
813 브러시기능을 이용한 바닷가(2) [6] file 여어자 2003.05.06 6837
812 [도트강좌] 도트로 얼굴만들기-_-;; [11] file 너부리얌 2002.08.21 6828
811 [qoo 그림판 도트②] 캐릭터를 그리자!(얼굴편) [6] file qoo~* 2002.09.03 6827
810 TV만들기-모니터만들기 (1) [15] file w:)style 2002.06.06 6822
809 눈내리는 효과 적용하기 [13] file puki 2003.01.16 6814
808 웹디황용 리터칭 -1 [1] file 웹디황용 2006.05.30 6812
807 손쉬운 패턴 만들고 적용하기 [5] file 낭낭앤 2002.12.04 6810
806 [ Hard ] Grunge Special # Part. 2 [8] file Nersion 2004.01.22 6805
805 기업마크회전하기 [4] 강재형 2002.05.10 6805
804 그림으로 입체상자 만들기 [1] file 제갈승 2002.05.26 6804
803 [SWISH]바닷물이 출렁대는 효과 [5] file 여어자 2003.05.18 6803
802 브러시 사용시 크기를 바꾸는 단축키는? [1] file 이하늘936 2007.11.03 6796
801 컬러 와/배색/보색/대비색 등의 웹에필요한색채조율 [수정] [2] piasol 2006.01.26 6795
800 포카판 그리는 법 [9] 민이 2002.04.19 6790
799 손쉽게 2가지 보정하기 ((영문판)) [6] file JELLY♥ 2005.04.10 6785
798 문자디자인 - 2 [7] file 홍윤식 2002.09.13 6784
797 이미지보정하기.. 저녁 -> 낮 [10] file Dambii 2002.09.22 6772
796 네온사인 문자 만들기 [7] file 데네브 2003.01.25 6769