어제 퇴근 후 필 받아서 심플한 플래시 시계 2개를 만들었습니다. 둘다 플래시(flash) 의 마스크(mask) 기능과 트윈 클래스(mx.transitions.Tween)를 사용해서 만든 것입니다. 첫번째 것은 플래시 북마크 버튼 모음 플래시바의 타이틀 모션에 적용한 것을 가져와서 만들었고 두번째 것은 블로그 타이틀 스킨에서 적용한 것과 유사합니다.


[플래시 시계 #1 적용 태그]
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/maskclock.swf width=220 height=60 type=application/x-shockwave-flash quality="high" />


[플래시 시계 #2 적용 태그]
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://www.hompydesign.com/club/maskclock2.swf width=160 height=60 type=application/x-shockwave-flash quality="high" />

플래시 시계에 적용한 모션 트위닝에 대해서 궁금하신 분은 모션 트위닝 동영상자료을 참고하시고 플래시 시계를 스킨에 적용해보고 싶은 분은 플래시 복사법 자료를 참고하세요. 조만간에 마스크와 트윈클래스에 관련된 동영상도 만들어봐야겠군요.

웹프로그래머의 홈페이지정보 블로그 http://hompy.info
이올린에 북마크하기(0) 이올린에 추천하기(0)

트랙백 주소 :: http://www.hompydesign.com/tt/trackback/149

  1. Subject: 블로그에 삽입하는 깔끔한 디지털 시계 - Digital Black

    Tracked from BC's Blog 2007/06/29 11:01  삭제

    '클락링크' 에서 제공하는 시계는 마우스 올렸을 때 사이트 광고가 너무 크더라구요. 사이트링크가 작은 같은 모양의 플래시 시계를 만들어 봤습니다. <embed src="http://fs.tistory.com/custom/blog/6/69331/skin/images/Digital%20Black.swf?TimeZone=GMT0900" width="91" height="30" wmode="transparent" type="application/x-shoc..

댓글을 달아 주세요

  1. kaonic 2007/06/29 10:30  댓글주소  수정/삭제  댓글쓰기

    오. 좋군요. 디자인만 맞는다면 살짝 달아두면 좋을 것 같습니다.

  2. SeoK 2007/06/29 11:41  댓글주소  수정/삭제  댓글쓰기

    시계 이뿌네요~ 감사합니다!ㅋㅋ

  3. freeism 2007/06/29 14:08  댓글주소  수정/삭제  댓글쓰기

    오~ 두 번째 시계 정말 이뻐요. ^^
    둘 다 살짝 정신없는[?] 점만 빼면 아주 훌륭합니다.
    두 번째 시계 퍼갈게요~ ^^