TeraClock?とは
時計が作れます。下記リンクでデジタル時計の作り方をビデオ解説:
アナログ針時計の作り方のビデオ解説は以下(ビデオ撮った時からライブラリの仕様変更で初期角度が90→0度に変更されていることに注意してね):
ライブラリファイルのダウンロード・取得
- ZIP 形式: http://www.libspark.org/svn/as3/TeraClock/release/TeraClock.zip
- AS ファイル: http://www.libspark.org/svn/as3/TeraClock/src/com/trick7/utils/TeraClock.as
使用例
出力ウィンドウにデジタル時計の値を出力しつつ、ステージ上でアナログ時計を動かす時はこんな感じ。
(.fla のメインタイムライン上にアナログ時計の時・分・秒用の針を、12時方向(上向き)を基準に配置し、インスタンス名をh,m,s とした場合)
package {
import flash.events.Event;
import flash.display.Sprite;
import flash.display.MovieClip;
import com.trick7.utils.TeraClock;
public class Main extends Sprite{
public var clock:TeraClock;
public function Main() {
clock = new TeraClock();
clock.addEventListener(TeraClock.SECONDS_CHANGED, secondsListener);
clock.addEventListener(TeraClock.MINUTES_CHANGED, minutesListener);
clock.addEventListener(TeraClock.HOURS_CHANGED, hoursListener);
}
private function secondsListener(e:Event):void {
trace(clock.seconds + "秒です。現在:" +clock.hours2 + ":" + clock.minutes2 + ":" + clock.seconds2 + " です。" );
h.rotation = clock.hoursDegree;
m.rotation = clock.minutesDegree;
s.rotation = clock.secondsDegree;
}
private function minutesListener(e:Event):void {
trace(clock.minutes +"分になったよ。");
}
private function hoursListener(e:Event):void {
trace(clock.hours+"時になったよ。");
}
}
}
参考記事
「WebDesigning?」誌に作者本人によるデジタル時計&アナログ時計の解説記事 http://www.trick7.com/blog/2008/11/19-094130.php
「Flash制作を簡単にするActionScript?ライブラリとは? - @IT」 - TeraClock?アナログ時計の作り方 http://www.atmarkit.co.jp/fwcr/design/tool/spark/01.html
AS2版もございます。使い方は以下より http://chabudai.sakura.ne.jp/blog/?p=72
TeraClock?ユーザの皆様へ
作品を作ったら「WebDesigning?」に掲載依頼するもよし、 http://book.mycom.co.jp/wd/teraclock/ 勉強会等でお披露目するもよし、 ご自分のブログで紹介するもよし。
ライセンス
個人・商用案件ご自由にどうぞ。ただし動作やバグ等、使用にともなうトラブルは保障いたしかねます。

