Skip to main content
kosuke_kkrh
Inspiring
February 7, 2024
Question

ダイナミックテキストに入力されたテキストに影や縁をつけたい

  • February 7, 2024
  • 1 reply
  • 290 views

いつもありがとうございます。

現在カラーシミュレーターを作成中です。

今回はダイナミックテキストに入力された文字に影、縁を付けたいと思ってググりまくっていますが全くヒットしません。

 

AS3の時は以下の通りで問題なかったのですがHTML5Canvasではうまくいきません。

どなたか教えてくださいませ。

またそもそも対応するフィルターは存在するのでしょうか?

 

//縁付き着色用
var arrayGlowFilter: Array = [
new GlowFilter(0x000050, 1, 6, 6, 10, 1),
new GlowFilter(0x0000FA, 1, 6, 6, 10, 1),
new GlowFilter(0x0099FF, 1, 6, 6, 10, 1)
];

これを以下のスクリプトでフチをつけていました。

mc.filters = [arrayGlowFilter[i]];

 

//影付き刺繍着色用
var arrayDropShadowFilter: Array = [
new DropShadowFilter(1.5, 15, 0x000050, 1, 3, 3, 3),
new DropShadowFilter(1.5, 15, 0x0000FA, 1, 3, 3, 3),
new DropShadowFilter(1.5, 15, 0x0099FF, 1, 3, 3, 3)

];

これを以下のスクリプトで影をつけていました。

mc.filters = [arrayDropShadowFilter[i]];

This topic has been closed for replies.

1 reply

kosuke_kkrh
Inspiring
February 7, 2024

ちなみにテキストがぼやけながらも以下のnew createjs.ColorFilterで着色は出来ますので

これを進化させて位置をずらして影にする事とグローにして縁取りを作る事がしたいです。

さらにテキストがぼやけるのもどう調整すればよいか教えていただけると嬉しいです。

 

this.arrayTEXTCOL = [
[new createjs.ColorFilter(1,1,1,1,230,230,230, 0)],//白
[new createjs.ColorFilter(1,1,1,1,0,0,0, 0)],//黒
[new createjs.ColorFilter(1,1,1,1,180,0,0, 0)],//赤
[new createjs.ColorFilter(1,1,1,1,0,0,25, 0)],//Dネイビー
[new createjs.ColorFilter(1,1,1,1,0,0,50, 0)]//ロイヤルブルー
];

 

mc.filters = exportRoot.arrayTEXTCOL[i];
mc.cache(0, 0, 1280, 960);//キャンバスサイズ1280×960