ページ 11

【解決済み】描画にブロー効果をかける方法

Posted: 2021年6月18日(金) 17:49
by そみや
スプリクトを使い、能力パラメータなどを描画しています。
ただ描画の境界線が荒く(ドットが目立つ)ので、ブローをかけたいです。
ご教授お願い致します。

調べてみましたが、影付ける方法は見つけたものの、直接描画にブローをかける方法が見つかりませんでした。
恐らく『.shadowBlur = n;』を使うと思うのですが、色々試しても上手く動作しません。
どこを直せばいいのか教えて下さい。よろしくお願い致します。

コード: 全て選択

var container = SceneManager._scene._spriteset._pictureContainer;
$gameTemp.__sprite = container.children.filter(function(p){
  return p._pictureId === 1;
})[0];
var g = new PIXI.Graphics();
g.beginFill (0XFFFFFF , 1.0);
g.moveTo(0,0);
g.lineTo(300,100);
g.lineTo(450,400);
g.lineTo(200,450);
g.closePath();
$gameTemp.__sprite.addChild(g);

Re: 描画にブロー効果をかける方法

Posted: 2021年6月19日(土) 01:39
by WTR
適当にぐぐって見つけただけなので理解して書いているわけでないことを断りつつ…

コード: 全て選択

const blurFilter = new PIXI.filters.BlurFilter();
blurFilter.blur = 10;
$gameTemp.__sprite.children[0].filters = [blurFilter];
と続けたらブラーかかりました。

Re: 描画にブロー効果をかける方法

Posted: 2021年6月19日(土) 03:04
by そみや
WTR様

ありがとうございます!助かりました。
思った通りの描写ができました。
WTR さんが書きました:適当にぐぐって見つけただけなので理解して書いているわけでないことを断りつつ…

コード: 全て選択

const blurFilter = new PIXI.filters.BlurFilter();
blurFilter.blur = 10;
$gameTemp.__sprite.children[0].filters = [blurFilter];
と続けたらブラーかかりました。