おかゆ++

IT業界の片隅で生き残るブログ

PixiJS

Pixi.jsでマスク処理

結論 Container.mask にスプライトとか登録すれば簡単にできます。 #FFFFFFの部分が表示。#000000は非表示。中間の色は半透明になります。 デモサイト okayumoka.github.io リポジトリ: github.com マスク画像の例 こんな感じで、表示したい部分を#FFFFFFに…

PixiJSで日本語フォントが見切れる問題の対応

PixiJSのバージョンは4.8.4です。 指定のフォントで描画したいだけなのにすごく困った。 最初に結論 PIXI.TextMetrics.BASELINE_SYMBOLに適当な全角文字を追加してやればOK。 PIXI.TextMetrics.BASELINE_SYMBOL += "あ|"; 詳細 以下は Mplus 1m regularで描…