デジタル時計

digital_clock



Flashの基礎?のデジタル時計の作り方です
解説はつづきから




新規ファイル作成
ステージ設定はサイズを400×150、フレームレートは12



レイヤー1にサイズ396×146px、線の太さ4pxの矩形を描きグラデーションをかける
色は明るいほうが#989898、暗いほうが#000000
線の色は#333333




上の線の左のほうへ240×4pxの矩形を描き、画像のようにグラデーションをかける



新規レイヤーを作成し、シェイプで矩形を作成
下の辺を選択ツールで引っ張り曲線にする
画像のようにグラデーションをかける
色は中心が#000000、端は#FFFFFF


この図形をムービークリップシンボルに変換し、ブレンドモードをスクリーン、カラー:アルファを10%に



新規レイヤーを作成し、レイヤー1とレイヤー2の間にもってくる
そこに画像のように日付や時間を配置
とりあえず全て静止テキストで、数字や曜日は目安なので好きなものを
サイズは上段が25、下段が58


"/"、"("、")"、":"、以外のものを選択し、テキストの種類をダイナミックテキストに
それぞれインスタンス名をyear_txt、month_txt、…seconds_txtと変更



文字にフィルタ、グローをかける
下段は画像のように
上段はぼかしを5に


新規レイヤーを作成し、ActionScriptを記入

//曜日の文字設定
var dayNames:Array = ["SUN","MON","TUE","WED","THU","FRI","SAT"];

addEventListener(Event.ENTER_FRAME,updateDate);

function updateDate(evt:Event):void {
    //Dateクラス設定
    var dateObj = new Date();
    //年を表示
    year_txt.text = dateObj.fullYear;
    //月を表示(1桁の場合は頭に0を足す)
    if (dateObj.month + 1 < 10) {
        month_txt.text = "0" + (dateObj.month + 1);
    } else {
        month_txt.text = dateObj.month + 1;
    }
    //日を表示(1桁の場合は頭に0を足す)
    if (dateObj.date < 10) {
        date_txt.text = "0" + dateObj.date;
    } else {
        date_txt.text = dateObj.date;
    }
    //曜日を表示
    day_txt.text = dayNames[dateObj.day];
    //時を表示(1桁の場合は頭に0を足す)
    if (dateObj.hours < 10) {
        hours_txt.text = "0" + dateObj.hours;
    } else {
        hours_txt.text = dateObj.hours;
    }
    //分を表示(1桁の場合は頭に0を足す)
    if (dateObj.minutes < 10) {
        minutes_txt.text = "0" + dateObj.minutes;
    } else {
        minutes_txt.text = dateObj.minutes;
    }
    //秒を表示(1桁の場合は頭に0を足す)
    if (dateObj.seconds < 10) {
        seconds_txt.text = "0" + dateObj.seconds;
    } else {
        seconds_txt.text = dateObj.seconds;
    }
}


ムービープレビューするとデジタル時計ができてるかと思います



以上デジタル時計の作り方でした