FC2ブログ

音携闊歩

音楽をより楽しむための個人的見解。

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
--.--.-- --:-- | スポンサー広告 | トラックバック(-) | コメント(-) |
Flashをケータイで表示できる機種がどんどんでてきました。問題はファイルサイズ制限とCPU。ファイルサイズはまだいいとして、CPUもっとガンバレ。CPUというかグラフィックでしょうかね…。今回はCPU負荷が高いswfを作成してみます☆
ケータイ用Flash時計作成は過去にやりましたが、時計の数字を画像でやってみようとの試みです☆流れとしては①時分秒を1桁の数字として変数に代入②それぞれの数字を画像に置き換えて(フレームを移動させて)表示③ループさせる、です。

■Flash待受作成(時計数字画像作成)
使用したソフト
Macromedia FlashMXPro2004(ver.7.2)

初期設定:
・画面サイズを240*320にします(テンプレートを使用しても可)
・パブリッシュ設定をFlashLite1.1にします。
・0~9までの画像(png/jpg/gifなどFlashで読み込めればなんでも可)

①表示する数字のMovieClip(以下MC)「数字」を作成します。MC「数字」内の1~10フレーム目にそれぞれ1~0までの画像を挿入します。
1フレーム目:画像1(数字が1)
2フレーム目:画像2(数字が2)



10フレーム目:画像10(数字が0)
これで表示する画像の準備ができました。

②MC「数字」内のアクションを記述します。
・MC「数字」1フレーム目アクション
stop();
switch (num) {
case "0" :
gotoAndPlay(10);
break;
case "1" :
gotoAndPlay(1);
break;
case "2" :
gotoAndPlay(2);
break;
case "3" :
gotoAndPlay(3);
break;
case "4" :
gotoAndPlay(4);
break;
case "5" :
gotoAndPlay(5);
break;
case "6" :
gotoAndPlay(6);
break;
case "7" :
gotoAndPlay(7);
break;
case "8" :
gotoAndPlay(8);
break;
case "9" :
gotoAndPlay(9);
break;
}
このアクションを1~10フレーム目までに記述(コピー)します。

③このMC「数字」をメインフレームに6個配置します。これは時間(2桁)/分(2桁)/秒(2桁)用になります。それぞれを配置したらインスタンス名を以下のように記述します。
(左から)hour2/hour1/min2/min1/sec2/sec1
これで時間表示の準備ができました。

④最後にメインフレームのスクリプトです。今回は時刻の表示のみ記述しますが、もちろん月日/曜日/電波状況/電池残量の表示は可能です。月日/曜日等の表示に関してはFlashケータイ②を、電波状況/電池残量に関してはFlashケータイ③を、またFlashケータイ⑤待受まとめ参照してください。
・メイン1フレーム目アクション
//時刻の取得
watch = fscommand2("GetLocaleTime", "time");
//時刻をそれぞれ変数に代入
sec1.num = substring(time, 8, 1);
sec2.num = substring(time, 7, 1);
min1.num = substring(time, 5, 1);
min2.num = substring(time, 4, 1);
hour1.num = substring(time, 2, 1);
hour2.num = substring(time, 1, 1);
※substringを使ってそれぞれの数字を1桁ずつ変数に代入するわけですが、PCとケータイで取得する「GetLocaleTime」は異なります。例えば「12時34分56秒」の場合PCだと、「12:34:56」という8文字が変数「Time」に代入されますが、ケータイの場合「012:34:56」の9桁が代入されます。ですのでPCで書き出したときにおかしくなっていても、ケータイではきちんと表示されるのでご安心を。

⑤書出し(パブリッシュ)→SD転送

以上で完成です。
いろいろ試しながらやってみましたが、FlashLiteはFlash4が基準となっているので、使用できるスクリプトが限定されています(Flash5以降に慣れている人は特に)。非常に困りながらやってみて、出来上がったのがこれかぁ…という感じです。もう少しスマートなスクリプトがあるのではないかと思っています☆これ以外では、オリジナルフォントを作成して、ダイナミックテキストに埋め込むという方法があります。おそらくこちらの方がラクにできるのではないかと思いますが、フォントを作成できる環境にある人は少ないのでは…。
次は何をやってみよ~かなぁ…思いつかん。どなたか面白いアイディア下さい☆

>>Sample Data 25KB
Flash時計に数字画像を使用する


スポンサーサイト

うわぁ
ありがとうございます
早速やらせていただきました
管理人さんに感謝です(^^)

2005.04.24 18:22 URL | MT #Rdt3XBbw [ 編集 ]

こういったやり方もあるのですね~
かなり参考になります。
Timeの取得も一括で行えるので、わかり易いですね。
私もダイナミックテキスト埋め込むのは、やってみようと思っています。
ただmcの埋め込みは出来ないのかなぁ、と。

2005.04.26 15:53 URL | fuka #- [ 編集 ]

素敵な待受作ってくださいな☆何か面白いアイディアがあったら教えてくださいね。

2005.04.27 01:19 URL | WebStandARD☆管理人 #- [ 編集 ]

>>ただmcの埋め込みは出来ないのかなぁ
MCを使って数字を表示するということですよね?
さらっと試してみたのですが、ちょっとダメでした☆上のファイルの「MC数字」のタイムラインにモーション(シェイプ)を書くと、FlashLiteでハジかれてしまうのか、動きません(FlashPlayer5で書き出すと動く)。「MC時計」のタイムラインに書くと、ASでgotoを書いているので、ループしてしまいます(数字で静止しない)。
他の方法もいくつかありますので(ちょっと面倒…)また試してみますね☆

2005.04.27 01:33 URL | WebStandARD☆管理人 #- [ 編集 ]

はじめまして(^-^)
携帯の待ち受け、秒が表示させるので勉強させていただいてます♪
フォントを使った時刻表示の待ち受けはできたのですが、画像を使ったものが上手く行きません。
時刻が固定されたきりで変化しないんです。
Flashはトライアル版を使用しています。当然、Flash初心者です。
ループさせて毎秒変化させるのはどうしたらイイのか…すみませんが教えてください!

2005.11.06 22:16 URL | junone #- [ 編集 ]

訪問どーもです。
画像を数字に置き換えるのはこのページに書いてある通り!!
数字MC(タイムラインに数字画像を配置)のタイムラインを秒毎に移動させるだけです。
数字MCを時分秒に並べて、GetLoalTimeで取得した時刻を代入してあげれば、数字MC内のフレーム移動ができるはずです。
上記の手順通りにやれば簡単ですよ☆
トライしてみてくださいな。

2005.11.07 22:06 URL | WebStandARD☆管理人 #- [ 編集 ]

お答え頂きありがとうございます!
過去のカテゴリーFlashケータイ⑦から、2フレーム目に「gotoAndPlay(1);」を入れてみました。十の位の秒が変化します…(-_-;
なぜなのか…Flashを理解しないと難しいのでしょうか?
アクションの記述は、1フレーム目に「Flashケータイ⑥」のものを使いました。
誠に初歩的な質問かも知れずにお手数掛けましてすみません…

あと、携帯で使えるフォントはどれでしょうか?質問ばかりですがよろしくお願い致しますm(_ _)m

2005.11.07 22:37 URL | junone #- [ 編集 ]

早速のレスどーもです☆
①十の位の秒が変化します。
これはおそらくGetLocalTimeの特性でしょう。上記したように「12時34分56秒」の場合ケータイの場合「012:34:56」の9桁が代入されます。
もしくは単純にインスタンス名が間違っているかではないでしょうか。

②携帯で使えるフォント
テキストを埋め込めば、文字データは基本的に何でも使えます。時計の場合は数字だけを埋め込めばいいので、そんなに重くならないと思います。

やはりFlashの基本を知らないとケータイ用Flashを理解するのは難しいと思います。基本的なActionScriptとタイムラインの概念さえわかればFlashLiteはクリアできると思うので、勉強してみてくださいな☆
たぶんこのサイトとまとめサイトだけでもそれなりにいじれるようになると思います☆

2005.11.08 23:26 URL | WebStandARD☆管理人 #- [ 編集 ]

Flash、ソフトが高くて、安い「Swish」なるものを使っていました。サイト内で勉強させていただきます!
フォントを聞いたのは、字体を指定しても携帯上で表示される字体に変化がなかったからなんです。

大変ありがとうございました!

2005.11.09 20:44 URL | junone #- [ 編集 ]

質問です数字画像表示で
夜12時過ぎると表示がおかしくなるのは
製作ミスでしょうか
携帯でも同じようになるんですけど?

2006.01.15 05:55 URL | けん #- [ 編集 ]

年、月、日にちの画像表示の方法を、
詳しく載せてほしいです(´・ω・)

よろしくお願いします。

2006.05.29 20:07 URL | 贔 #NIcxo.po [ 編集 ]

こんちにわ。
画像表示は上に書いてある通りなんですよ。
これ以上説明がないかと…もし何か不明なところがあれば、
その不明なところを書いてくれると説明できますので、
どこが「わけわからん!!」なのかを書いてくださいな☆
コメントさんきゅーです。

2006.06.03 09:32 URL | WebStandard☆管理人 #- [ 編集 ]

このコメントは管理人のみ閲覧できます

2006.09.08 02:30  | # [ 編集 ]

メールありがとうございます。
ファイルを調べてみます。
少々お待ち下さいな☆
またここで返答するのでまた遊びに来てください。

2006.09.09 02:57 URL | WebStandard☆管理人 #- [ 編集 ]

お忙しいのにすいません^^;
前の書き込みにあった、「夜おかしくなる」の解決になると嬉しいです。

(時間の確認はOSの時計をAM2時に設定してみて下さい。)

また、来ます!

2006.09.09 14:33 URL | kum #7LEJAFRk [ 編集 ]

メールにも書きましたがこちらにもアップします。

問題はおそらく、
①ダイナミックテキストに数字を表示
②画像、およびそれに準拠するもの(Kumさんがやったようにテキストをアウトライン化)を表示
を混同している点にあります。

sec1.num = substring(time, 8, 1);
sec2.num = substring(time, 7, 1);
min1.num = substring(time, 5, 1);
min2.num = substring(time, 4, 1);
hour1.num = substring(time, 2, 1);
hour2.num = substring(time, 1, 1);
の「num」をすべてとることで対応できるかと思います。
(このときのsec1,sec2・・・hour2はMCのインスタンス名、
numはMC内ダイナミックテキストの変数名)

もし②の方法でやるのならば、
タイムラインを移動するスクリプトを書かないと動きません。
参照:<a href="http://web-stand.net/keitaimusic/index.php?id=22" target="_blank">http://web-stand.net/keitaimusic/index.php?id=22</a>

詳しくはまとめサイトを見てください。
とりあえず遅くなってごめんなさい☆

2006.10.13 00:55 URL | WebStandard☆管理人 #- [ 編集 ]

こんにちは。参考にさせていただいております。
画像で表示させる際に、「夜中の0時を過ぎると表示がおかしくなる」バグは解決したのでしょうか?
でしたら教えていただけると助かります!

2007.08.02 15:57 URL | koro #- [ 編集 ]













管理者にだけ表示

トラックバックURL↓
http://keitaimusic.blog6.fc2.com/tb.php/22-3223e25d

待ち受けflash 時計の作り方~よ
リクエストの多かった(のか?)待ち受け時計の作り方です。flash デジタル時計の作り方用意するものやる気Flash 8 Professinal(これが無いと話になりません。これを機にがんばって購入していただくとありがたい†...

2006.10.03 22:12 | お前は時代を生きていけるか!?

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。