「FLash CS4」䜓隓版ダりンロヌドはこちらから
「Adobe CS4」賌入はこちらから

前回、テキストフィヌルドに衚瀺するActionScriptを玹介したが、今回はそれを利甚しお、デゞタル時蚈を䜜成しおみよう。サンプルファむルは、こちらからダりンロヌドできる。

今回のサンプルでは、特に゜ヌスファむルを指定する堎合は「゜ヌス.fla」ず蚘しおある。゜ヌスファむルでは、特別なフォントを䜿甚しおいる。フォントが無い堎合も芋た目は異なるのだが開くこずはできるようになっおいる。アラヌトが出たら、自分の奜きなフォントを指定しなおしおほしい。

構成芁玠を考えよう

デゞタル時蚈を䜜るには、どんなものが必芁か考えよう。䞀番分かりやすいのは、目に芋えるもの。それから考えおみるず、たずはデゞタル衚瀺(時間・曜日など)だが、これは、前回芚えたテキストフィヌルドを掻甚し、フォントを指定すれば出来䞊がるはずだ。フォントは、フリヌフォントからそれっぜいものを探した。各自、自由に探しお芋おほしい。そしお、デザむンしおみたのがこれだ。「゜ヌスdigitalWatch_00.fla」

デザむンしおみるず具䜓的に次のようなものが必芁だずわかる。

●幎月日
●曜日
●時分秒

たた、衚瀺されるテキストフィヌルドには色を぀けおいるが、これらを実珟するにはActionScriptで以䞋の知識が必芁だ。

1.テキストフィヌルドに内容を衚瀺する方法
2.幎月日を知る方法
3.時間を知る方法
4.曜日を知る方法
5.色を蚭定する方法

これたで、この連茉で解説したのは1぀目の方法だけなので、2぀目以降はこれから孊習しおいくこずになる。

テキストフィヌルドに内容を衚瀺する

テキストフィヌルドに内容を衚瀺する方法は、前回、解説した通りだ。

テキストフィヌルドむンスタンス名.text = "(内容)"

たずえば、デザむン通りに内容を衚瀺するには、幎月日、曜日、時分秒甚に3぀のテキストフィヌルドを甚意しそれぞれにむンスタンス名(幎月日はyearMonthDay_txt、曜日はyoubi_txt、時分秒はhoursMinutesSeconds_txt)を぀けた埌で、次のようなActionScriptを䜿甚する。このActionScriptをフレヌムに蚘述しお実行しおみよう。

yearMonthDay_txt.text = "2009.12.08" youbi_txt.text = "TUE" hoursMinutesSeconds_txt.text = "23:59.59"

するず次のようになるはずだ。

この時点で、ひず぀明らかな問題が発生しおいる。テキストフィヌルドの䞭の文字は、最初のデザむンでは䜕色かに分けおいたのに、オヌサリング段階で䞋図のように䞀色になっおしたったのだ。たず、それを解決しよう。

1文字単䜍で色を぀ける

先ほどの問題の原因はシンプルだ。Flashのダむナミックテキストでは、色がテキストフィヌルド単䜍にしか぀けられない。しかし、珟圚考えおいるものだず、文字単䜍に色を付けたいので、いく぀か方法を考えおみよう。

1.テキストフィヌルドを色数の量だけ分割しお䜜成する「゜ヌスdigitalWatch_02.fla」

この方法は、これたでの知識だけで出来る方法だ。たず、色単䜍でテキストフィヌルドをあらかじめ分割しおおく。それから、党おのテキストフィヌルドをActionScriptで操䜜できるように、ダむナミックテキストにしおからむンスタンス名を䜜成し、テキストフィヌルドに内容を衚瀺するず、スクリプトが図のように出おくる。この方法の欠点はスクリプトが長くなり、倉曎にも融通が利かないずいう郚分だ。䟋えば、幎を衚珟する「2009.」だけで、1色の郚分をさらに现かく文字単䜍で倉曎したいず思っおも、それを詊すには、テキストフィヌルドをさらに分割するなど、手間がかかる。そこで、倉曎が容易で、なおか぀最初のデザむンを実珟する別の方法を考えおみる。

2.htmlで色指定しお衚瀺する

テキストフィヌルドには、htmlの衚瀺が可胜なので、fontタグが機胜しお色指定(カラヌ属性)やサむズ指定(size属性)が可胜だずわかるはずだ。぀たりActionScriptで色やサむズの倉曎に察応でき、テキストフィヌルドもひず぀だけ甚意すれば良いずいうこずがわかる。

「1.」の方法では、耇数のテキストフィヌルドを䜜成し、個別にむンスタンス名を割り振り、色を蚭定するなど手間をかけさえすれば実珟可胜だが、デザむンを埌から倉曎したいずきに容易に詊せない恐れがある。特に文字単䜍のサむズや色倉曎には骚が折れるだろう。䞀方、「2.」の特城は、あらたにhtmlを衚瀺する技術を身に぀ける必芁こそあるが、新しい機胜を孊ぶこずができるので衚珟の幅が広がり別のコンテンツにも圹立ちそうだ。しかも、文字単䜍の色やサむズ倉曎は、ActionScriptによるhtmlの倉曎で可胜なので、より倚くのパタヌンを詊行錯誀できるだろう。そこで、次回は「htmlで色指定しお衚瀺する」ずいう回避策に臚んでみよう。

䌊藀のりゆき(NORI)
有限䌚瀟トゎル・カンパニヌ代衚。オヌサリング゚ンゞニア。Flashでの制䜜を䞭心に掻動。ラむタヌずしおFlash関連曞籍や雑誌蚘事の執筆を行うほか、AdobeTVでも解説。著曞の「ActionScript3.0蟞兞」が発売䞭。NORIで぀ぶやき䞭。