時計を作る　｜　サンプルをダウンロードする ≫　｜　リストページへ戻る ≫

■針を作る

1. 短針、長針、秒針をムービーシンボルとして作成します。



2. それぞれ針が回転する中心に基準点を置きます。

■文字盤を作る

1. 新規ムービークリップ「文字盤_mc｣を作成し、ガイドラインと円をひきます。
   ガイドラインは数字や針を配置しやすいように１２分割します。
   線ツールで直線をひき、変形パネルを表示してコピーします。
   12分割できたらグループ化します。
   このときも基準点がオブジェクトの中心に来るようにします。
   
   

2. グループ化したラインと円をガイドレイヤーにします。
   レイヤーを選択し、右クリックするとメニューが出てきます。

3. 新規レイヤー「数字」を作成し、ガイドに合わせて数字を配置します。
   配置できたら数字をグラフィックシンボル化します。

4. 新規レイヤー「短針」「長針」「秒針」を作成し、それぞれのレイヤーに針のムービーシンボルを配置します。
   このとき、各ムービーシンボルの回転の中心を基準点にあわせます。

■インスタンス名をつける

1. 「短針」「長針」「秒針」にインスタンス名をつける。
   ここでは長針には「long_mc」、短針には「hour_mc」、秒針には「second_mc」とつけました。

■アクションスクリプトを記述する

1. 新規レイヤーを作ってそこにアクションスクリプトを書いていきます。
   onEnterFrame = function() {
   myDate = new Date();
   Hour = myDate.getHours();
   Min = myDate.getMinutes();
   Sec = myDate.getSeconds();
   long_mc._rotation = Min*6;
   hour_mc._rotation = (Hour*30)+(Min/2);
   second_mc._rotation = Sec*6;
   }スクリプトの仕組み↓
   onEnterFrame = function() {
   // 以下の処理を繰り返す
   myDate = new Date();
   // Dateオブジェクトの定義
   Hour = myDate.getHours();
   Min = myDate.getMinutes();
   Sec = myDate.getSeconds();
   // 現在の時刻を取得する
   long_mc._rotation = Min*6;
   hour_mc._rotation = (Hour*30)+(Min/2);
   second_mc._rotation = Sec*6;
   // 針に角度を設定する（先ほど針につけた名前を利用します。）
   }

■シーンに配置する

1. シーンに戻りレイヤー1を文字盤にし、時計の本体レイヤーを追加します。

   以上で完成です。背景画像をつけてみました。