終了

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

エクスプローラー ,
Feb 06, 2024 Feb 06, 2024

リンクをクリップボードにコピー

コピー完了

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

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

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

 

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]];

キーワード
Code

表示

47

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
エクスプローラー ,
Feb 06, 2024 Feb 06, 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

投票

翻訳

翻訳

レポート

レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines