나만의 아날로그 플래시 시계를 만들어보고 싶다면 아래 액션스크립트 소스 코드를 참고하세요. 보시면 아시겠지만 플래시 시계 소스 코드는 생각보다 간단하며 구현방법 또한 복잡하지 않습니다. 우선 중심점이 스테이지 중앙에 맞춰진 시침, 분침, 초침에 해당하는 무비클립을 만들고 Date 객체의 getHours, getMinutes, getSeconds 메소드를 이용해서 시간을 구하고 준비된 개별 시계 바늘에 부여된 이름의 무비클립 객체 회전각 속성 _rotation 값을 적절하게 계산하여 주기적으로 변경합니다. 소스 코드에서는 각 무비클립 마다 onEnterFrame 이벤트를 발생하게 하였으나 한개의 메소드로 통합하셔도 좋습니다. 여기까지 작업 하시고 실행하면 원하는 플래시 시계가 완성됩니다. 그리고 여러분의 취향에 맞는 멋진 시계 배경과 이쁜 시계 바늘을 디자인해서 적용하시면 개성있는 시계가 될것입니다. 나만의 멋진 시계를 만들어서 자신의 블로그 위젯으로 활용해보세요.
액션스크립트 용어와 객체 활용 샘플 코드 참고 자료 ==▶ http://cafe.naver.com/q69/86171
function clock_sec_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getSeconds() * 6;
delete newDate;
}
function clock_min_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getMinutes() * 6;
delete newDate;
}
function clock_hour_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getHours() * 30 + (this._rotation = nowDate.getMinutes() * 0.5 % 30);
delete newDate;
}
mc_clock_hour.onEnterFrame = clock_hour_mc_func;
mc_clock_min.onEnterFrame = clock_min_mc_func;
mc_clock_sec.onEnterFrame = clock_sec_mc_func;
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info
액션스크립트 용어와 객체 활용 샘플 코드 참고 자료 ==▶ http://cafe.naver.com/q69/86171
function clock_sec_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getSeconds() * 6;
delete newDate;
}
function clock_min_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getMinutes() * 6;
delete newDate;
}
function clock_hour_mc_func(){
var nowDate = new Date();
this._rotation = nowDate.getHours() * 30 + (this._rotation = nowDate.getMinutes() * 0.5 % 30);
delete newDate;
}
mc_clock_hour.onEnterFrame = clock_hour_mc_func;
mc_clock_min.onEnterFrame = clock_min_mc_func;
mc_clock_sec.onEnterFrame = clock_sec_mc_func;
웹프로그래머의 홈페이지 정보 블로그 http://hompy.info


clock_20080921.fla
