Loading
Now Loading...
INDEX CATEGORY ARCHIVE RSS

IE6以前のブラウザをお使いの方へ

当ブログデザインは、IE6以前のブラウザには対応していません。
できれば、お使いのブラウザを新しいものへ更新してください。
Windows Internet Explorer 8: ホーム

ParaFla!でauメニューアイコン

4 CommentsParaFla!22:49│Edit
Flashを作成できるフリーソフト「ParaFla!」でauのメニューアイコンを自作する工程を紹介します。
特徴として、このソフトでの作成は自由度がだいぶ高いです。
しかしFioraというソフトの方が容易に作成できるので、そちらでの作成では物足りなくなった方向けであると思います。

作者HP:Coa Works
ダウンロードページ:ParaFla!のページ
起動画面:


完成図(W51CA配色設定:黒向け):

こんな感じのものを作りたいと思います。

・下準備
背景画像
フォーカス時
EZ FeliCa
Hello Messanger
Micro SD
Music
PC Site Viewer
Camera
Settings
One-Segment TV
Watch & Calender
W-Scene Settings
Accessories
Data Folder
上の表の画像13枚を使用します。
必要な方は保存してください。

・工程
1ParaFlaを起動。
2[ファイル]»[プロジェクトのプロパティ]
3携帯画面に合わせ、幅:240・高さ:400・FPS:30に設定。
FPSは数値が大きいほど動作が滑らか。
その他は、今回は無視します。
4「OK」を選択。
5左下の『素材フォルダをここにドロップ』に使用する画像全てをドラッグ&ドロップ
6左下一覧にある背景画像をダブルクリックで追加。
7右一覧の工程6で追加した画像で[右クリック]»[プロパティ]を選択。
8背景画像なので『固定画面にする』を選択。
一番背面に置くため、深度:-256
9適用

画像の追加は上記のように行います。
続いてスクリプトを使用します。
この工程10-13はfscommandを使いやすく換えるだけで、飛ばしても構いません。
飛ばした場合、工程24での赤字が異なります。
下記のfscommandは「au W51CA」向けです。fscommandは各機種で異なりますが、Fioraというソフトをダウンロードし、そのフォルダ内のiniファイルを探せば大抵見つかると思います。
10右一覧で[右クリック]»[アクションを挿入]を追加。
アクション:<スクリプト>
コメント:base
11『スクリプトを編集』を選択。
12スクリプトとして下記を書き込む。
Script
  1. CMD01 = "memorycard";
  2. CMD02 = "photo";
  3. CMD03 = "hellomessenger";
  4. CMD04 = "M";
  5. CMD05 = "df";
  6. CMD06 = "calendar";
  7. CMD07 = "musicradio";
  8. CMD08 = "tvradio";
  9. CMD09 = "scenesetting";
  10. CMD10 = "felica";
  11. CMD11 = "htmlviewer";
  12. CMD12 = "accessories";
  13. CMD13 = "M#";
  14. CMD14 = "M0";
  15. CMD15 = "M1";
  16. CMD16 = "M2";
  17. CMD17 = "M3";
  18. CMD18 = "M4";
  19. CMD19 = "M5";
  20. CMD20 = "M6";
13今のアクションを切り取りなどで一番上に置きます。

続いてラベル(目次)を追加します。
14右一覧で[右クリック]»[アクションを挿入]
アクション:ラベル設定
ラベル名:M01
15OK
16このラベルをメニューの数だけ(今回12個)作成。
17ラベル名を「M01」「M02」「M03」...「M12」とする。

ちなみに今回作成しているメニューは
M01 M04 M07 M10
M02 M05 M08 M11
M03 M06 M09 M12
の並びで写るよう作成するので参考にしてください。
続いてラベル1つにつき、1つのメニューを作成します。
18各々のラベルの1個下に"フォーカス時の画像"と"『[右クリック]»[アクションを挿入]、アクション:停止』"を追加します。
画像の位置調整は最後に行うことにします。
これで、ラベル»画像»停止»ラベル»画像.....と連続します。(下の画像参照)
19追加した画像の深度は(背景画像を除き)全て同じにします。
フォーカス時の画像を常に1つのみ表示させるため、深度1つには画像が1つしか置けない事を利用。

続いて、カーソルが移動するスクリプトを作成します。
20左下一覧で[右クリック]»[アイテムを追加]»[テキスト]を作成。
中身は空にします。
21ダブルクリックで、各フォーカス時の画像の1つ上に1つずつ置きます。
この各テキストの深度も全て合わせます。
22工程21で追加したテキストで[右クリック]»[プロパティ]で『ボタンにする』にチェック
23アクション:<スクリプト>と指定。
24「スクリプトの編集」で下記のスクリプトをスクリプト下の説明に沿い赤字部分を換えて書き込みます。
Script
  1. on(keyPress "<Enter>") {
  2. FSCommand("launch", CMD01);
  3. }
  4. -
  5. on(keyPress "<Up>") {
  6. gotoAndPlay("M12");
  7. }
  8. -
  9. on(keyPress "<Down>") {
  10. gotoAndPlay("M02");
  11. }
  12. -
  13. on(keyPress "<left>") {
  14. gotoAndPlay("M12");
  15. }
  16. -
  17. on(keyPress "<right>") {
  18. gotoAndPlay("M04");
  19. }
2行目で使いたいfscommandを工程12で指定したCMD~で指定。
工程10-13を飛ばした場合、fscommandを直接書きます。
6,10,14,18行目はカーソルの移動したいメニューをラベル名"M~"で指定。
上記の例として挙げたスクリプトはM01(左上のメニュー)でのカーソル動作です。


以上で後は各々の画像の位置をずらして完成です。
あくまで試作と言うことで、画像の位置は大体合わせれば構わないと思います。
念のため、画像の細かい位置をこちらの画像に用意しておきます。

グダグダ打ったので分からない所があるかも・・・。
質問はお気軽にどうぞ。

COMMENT

4 Comments
- Re: ParaFla!でauメニューアイコン -
2010.12.14(Tue)01:53 by 柚枝[EDIT]
kさんコメントありがとうございます。

画像の位置調整は、画像のプロパティを開き、描画位置のX(横軸)とY(縦軸)に値を入れます。
基準となる位置がデフォルトでは画像の左上になっているので、画像左上の座標を上記での値とします。
- Re: ParaFla!でauメニューアイコン -
2010.12.12(Sun)17:18 by k[EDIT]
画像の位置の調整の仕方がわかりません。
- Re: ParaFla!でauメニューアイコン -
2009.10.08(Thu)11:10 by 柚枝[EDIT]
コメントありがとうございます。
対応のほう遅れましたが、画像クリックで拡大表示できるように変更しました。

ご不便が解消できそうなら幸いです。
ご指摘ありがとうございました。
他にも何かご要望等あれば、よろしくお願いします。
- Re: ParaFla!でauメニューアイコン -
2009.09.29(Tue)02:37 by 通りすがり
とても丁寧な解説ですね、自作メニューに興味があったのですが、自分でもやってみようと思えました。

ところで、スクリーンショットの画像が潰れてしまって見えないのはこのブログの仕様なのでしょうか。
(右クリック保存した画像は等倍で表示されましたが)

すべての画像を保存してからつきあわせて読んでるのは私だけなのかなーと思ったので;
NAME

TITLE

MAIL

URL

COMMENT


PASSWORD for Edit

SECRET

TRACKBACK

http://esperoporusted.blog39.fc2.com/tb.php/346-5dba52cc

PROFILE

HN: 柚枝 [ゆうし]
性別: ♂
仕事: 大学生
血液型: A型

MAIL




QR CODE

QR
ラティース太陽光発電