サイト内検索

メインメニュー

ログイン
ユーザID または e-mail:

パスワード:

IDとパスワードを記憶

パスワード紛失

オンライン状況
11 人のユーザが現在オンラインです。 (9 人のユーザが ウェブログ を参照しています。)

 登録ユーザ: 0
 ゲスト: 11

もっと...

ウェブログ カレンダー
« « 2010 9月 » »
29 30 31 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 1 2

最新ブログ記事

最近のコメント

最近のトラックバック

|
ウェブログ - ひろゆきの記事
|
 ひろゆきの記事配信

2006/05/19 Fri
 テキストフィールドにマスク
カテゴリ: flash : tips : 
テキストフィールドにマスクをかけてみる。

正確には...。
テキストフィールドを内包したムービークリップに
MovieClip.setMask でマスクをかけてみる。だ。

要 Flash Player 8 以上

_root にムービークリップ(インスタンス名: base_mc, txt_mc) を配置。
frog と同じムービークリップ(インスタンス名: frog1, frog2) も配置。
txt_mc には、テキストフィールド(インスタンス名: str_txt) を配置。
str_txt は、ダイナミックテキスト(フォント "_ゴシック") に指定。

_root 第1フレームに

base_mc.setMask(frog1);
txt_mc.setMask(frog2);

と記述すると、マスクがかかる。


しかし、テキストフィールドにかかるマスクの形は、
ムービークリップの範囲にある矩形のようで、かえる君の形ではない。

参考資料「デバイスフォントが表示されない


そこで...。

base_mc.setMask(frog1);
txt_mc.setMask(frog2);
txt_mc.cacheAsBitmap = true;
frog2.cacheAsBitmap = true;

と記述して、Flash Player 8 で書き出してみる。


テキストフィールドが、かえる君の形になっている。
わーい。


かえる君をグラデーション塗り(透過)にしたうえで、

base_mc.setMask(frog1);
base_mc.cacheAsBitmap = true;
frog1.cacheAsBitmap = true;

txt_mc.setMask(frog2);
txt_mc.cacheAsBitmap = true;
frog2.cacheAsBitmap = true;

と記述して、Flash Player 8 で書き出してみる。


おおっ!


関連記事: Flash Professional 8 (1)
関連記事: Flash 8 でテキストフィールド
関連記事: テキストフィールドにマスク
関連記事: テキストフィールドに動くマスク
関連記事: フィルタ効果にマスク
関連記事: マスクでトランジション効果 (1)
関連記事: グラデーション・マスク
関連記事: マスクでトランジション効果 (4)
関連記事: マスクとHighColor
関連記事: 線でマスク
関連記事: ビットマップキャッシュ (1)
関連記事: ビットマップキャッシュ (2)
関連記事: マスクでトランジション効果 (5)
執筆者: ひろゆき (05:11)
ウェブログ | コメント (4) | トラックバック数 (0) | 閲覧数 (10368)
この記事のトラックバックURL  リンク・引用のないトラックバックは削除することがあります。
http://www.project-nya.jp/modules/weblog/weblog-tb.php/415
投稿された内容の著作権はコメントの投稿者に帰属します。
投稿者 スレッド
ひろゆき
投稿日時: 07/11/29 18:55  更新日時: 07/11/29 18:56
管理人
居住地: 東京密林
投稿数: 1626
 Re: テキストフィールドにマスク

mc.setMask(mask);
mc.cacheAsBitmap = true;
mask.cacheAsBitmap = true;

としているのであれば、
mask を単なる塗りじゃなくて、グラデーション塗りにして、
色にアルファを使うだけで、グラデーション・マスクになるはずです。
六科
投稿日時: 07/11/29 15:53  更新日時: 07/11/29 15:53
新米
居住地: 彩の国
投稿数: 3
 Re: テキストフィールドにマスク
毎度お世話になっております。
今更ながら…。
setMaskで、マスクレイヤー下のデバイスフォントの表示に成功しました!!
ありがとうございました!
グラデーションマスクもいずれチャレンジしたいなぁ…。
ひろゆき
投稿日時: 06/05/19 22:07  更新日時: 06/05/19 22:07
管理人
居住地: 東京密林
投稿数: 1626
 Re: テキストフィールドにマスク
問題は、FlashPlayer8 の普及率かな。
ゲスト
投稿日時: 06/05/19 12:37  更新日時: 06/05/19 12:37
 Re: テキストフィールドにマスク
(ゲストの KENJI さんからの投稿)

これスゴイですね!
マスクでできることの幅が広がる!