- 2008-09-19 (金) 7:32
- action script | video_tutorial
注意！さくーしゃさんがコメントくださった中で、ちょっと-90度してるあたりでご指摘いただいたので、今回の degree 系の実装を変更するかもしれません。（TeraClock.as からは Degree 系を取っ払って元に戻して、作るとしたら別途 View に特化した（？）2D時計用クラスを作る感じがいいんでしょうかね？それとも TeraClock.as 中の-90処理を取っ払うだけ？MVのスマートな在り方みたいなのがよく分かってないんです僕。）
追記：上の点をふまえて、「上が0度」になるようにTeraClockライブラリを修正しました。下のチュートリアルビデオ中では、「針を右向き」に作っていますが、今のTeraClockライブラリを使う時は「針を上向き」に作るのが正しいです。ビデオを早く撮り直せばいいのですがスイマセン。
やり方としては WebDesigning 12月号に書いたアナログ時計の作り方を参考にしていただけるとベストです。
Flash で簡単に時計が作れる「TeraClock ライブラリ」に機能を追加しました。アナログ時計も簡単に作れます。
ライブラリファイルも含めたソース一式（CS3 形式）はこちら。あと、Spark のサイト内にも一応 TeraClock のページ作りました。
作り方は以下ビデオをご参考に。（ライブラリの SVN 取得などの操作は前回のビデオをどうぞ。）
どういう機能を追加したかというと、アナログ時計の時針・分針・秒針の角度をそれぞれ、hoursDegree, minutesDegree, secondsDegree プロパティで取得できるようにしただけでーす。
9/17日に TeraClock.as を改修しているので、それ以前のを使ってる人は上書きしておいてください。アナログ時計角度機能が別にいらない人はそのままでもいいですよ。
東京てら子・大阪てら子で合計30個以上の Flash 時計が集まりそうなのでワクワクですな。（東京は補欠の方にはすみませんが、さすがに部屋に入れそうにないので、すみませんがキャンセル待ちにてお願いします。作品の URL 応募とか、Ust 発表とかでよければ是非。。）
- Newer: Flash の数学的アニメーション表現
- Older: AS3 で swapDepths 的なことをやる時
Comments:4
- Saqoosha 08-09-19 (金) 12:41
-
おっす。
みーが作るのに必要だったメソッド、他の人にも便利かとおもうのでくっつけてコミットしておいたよ。
http://www.libspark.org/changeset/1333あ、あと、degree 系のメソッド。かならずしも 2D で使うわけでもないだろうから -90 はしないほうがいいんじゃないかな。Model が View のこと関わらないほうが。
- tera 08-09-19 (金) 13:21
-
＞Saqooshaさん
どうもありがとうございますー。
チェンジセットしてもらうとクラス本体をみんなで改修できるんですね！こりゃいいですね。ModelとViewがどうあるべきかがよく分かんないのですが、今回みたいな機能を付けたい場合、どうすればかっこいいのでしょうか？
- Saqoosha 08-09-19 (金) 16:26
-
チェンジセットってのは前のバージョン（リビジョンっていうね）との差分っていう意味ですな。http://www.libspark.org/wiki/TracChangeset
こうやってみんなでよくしていこうっつーのが Spark project の精神？でもあると思うので、人のん、こうしたら？ってのはガンガンやってみたらいいと思うね。いくらでも元に戻せるし。
えーと、んで。-90 の件。ある時間の角度を返すっていうのであれば 12 時が 0 度ってのが感覚的にわかりやすいんじゃない？ ってぐらいなんだけど。Sprite の rotation を中でいじっちゃってるとかじゃないので、Model と View はわかれてるわけで。ちょっと違和感あった、ぐらいの話。
- tera 08-09-19 (金) 17:38
-
ありがとうございましたー。
＞-90 の件
なんとなく了解ですーｗ
「よーわからんけどFlashって右方向が0度」ってイメージがあったので、それに無理矢理あわせていたのです。
僕も上が0度の方が分かりやすいので、直しときます。僕のブログのコメント欄、aタグが無効になるんですスイマセン。こっちも修正しておきます。
Trackbacks:1
- Trackback URL for this entry
- http://www.trick7.com/blog/2008/09/19-073201.php/trackback
- Listed below are links to weblogs that reference
- TeraClock でアナログ時計も簡単に作れます from trick7
- trackback from 中西泰人研究室 09-02-13 (金) 1:47
-
AS3で画像を任意の基準点で回転させる…
中西研の関口です。春休みですね。春休みと言えば勉強を疎かにしてついつい趣味に走ってしまう学徒も多いのではないでしょうか。
そんなこんなで、昨晩から腕時計の絵を書くという…..
![Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編]](http://ecx.images-amazon.com/images/I/617sNhK9P9L._SL75_.jpg)
![FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付]](http://ecx.images-amazon.com/images/I/51915J1BG6L._SL75_.jpg)
