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

そみや
記事: 60
登録日時: 2021年1月25日(月) 01:34

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

投稿記事by そみや » 2021年6月18日(金) 17:49

スプリクトを使い、能力パラメータなどを描画しています。
ただ描画の境界線が荒く(ドットが目立つ)ので、ブローをかけたいです。
ご教授お願い致します。

調べてみましたが、影付ける方法は見つけたものの、直接描画にブローをかける方法が見つかりませんでした。
恐らく『.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);
最後に編集したユーザー そみや on 2021年6月26日(土) 06:15 [ 編集 1 回目 ]

アバター
WTR
記事: 558
登録日時: 2015年12月22日(火) 19:14

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

投稿記事by WTR » 2021年6月19日(土) 01:39

適当にぐぐって見つけただけなので理解して書いているわけでないことを断りつつ…

コード: 全て選択

const blurFilter = new PIXI.filters.BlurFilter();
blurFilter.blur = 10;
$gameTemp.__sprite.children[0].filters = [blurFilter];

と続けたらブラーかかりました。
Twitter、はじめました。
https://twitter.com/wtr_in_reverie/
そみや
記事: 60
登録日時: 2021年1月25日(月) 01:34

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

投稿記事by そみや » 2021年6月19日(土) 03:04

WTR様

ありがとうございます!助かりました。
思った通りの描写ができました。

WTR さんが書きました:適当にぐぐって見つけただけなので理解して書いているわけでないことを断りつつ…

コード: 全て選択

const blurFilter = new PIXI.filters.BlurFilter();
blurFilter.blur = 10;
$gameTemp.__sprite.children[0].filters = [blurFilter];

と続けたらブラーかかりました。

“MV:質問” へ戻る