制作メモ – JavaScript、アニメーション、デザイン他

pugとsassをgulp v4上で実行する

gulp v4では、v3の時と書き方が変わっているので注意する。

実行結果

実行画面

サンプルURL：https://evofan.github.io/test_pug_sass_gulp4/dist/index.html
コード（GitHub）：https://github.com/evofan/test_pug_sass_gulp4

参考：

pugとsassを使う方法【準備編】 | ゼロから始めるweb屋な生活
https://webya.site/preparation-pug-sass/

こちらのサンプルをgulp v4に対応。

gulp v4.0.0がプレリリース！移行方法と変更点まとめ | Satoshi Shoji’s Blog
https://satoyan419.com/post/gulp-v4/

glup v3とv4の記述の比較。

PixiJSバージョン6のリリース情報日本語訳

オリジナル: https://github.com/pixijs/pixi.js/releases/tag/v6.0.0

■重大な変更

このバージョンは、幾つかの微妙な違いを除いて、ver.5とほぼ互換性があります。

■より厳密な型

TypeScriptの型は完全に再生成され、すべてのパッケージで機能します。
新しい型ははるかに正確であり、ver.5の型との間には、微妙な違いがある可能性があります。
また、型でのPIXIグローバル名前空間の使用を削除しました。
以前にそれを使用していた場合は、モジュール型に変換する必要があります。

■ver.4およびver.5の非推奨を削除

ver.4およびver.5の非推奨は削除されました。
アップグレードする前に、最新のver.5リリースを使用して全ての非推奨警告を修正する事をお勧めします。

■レンダラーのデフォルトアルファを変更する

レンダラーとアプリケーションオプションのalphaプロパティは、デフォルトでtrueになりました。
殆どの用途では、この変更による目に見える影響はありません（ただし、ソフトウェアでの非アルファモードエミュレーションのパフォーマンスが向上する可能性があります）。

■failIfMajorPerformanceCaveatのデフォルトを変更します

PIXI.settings.FAIL_IF_MAJOR_PERFORMANCE_CAVEATがデフォルトでfalseになりました。詳細については、＃7054を参照して下さい。

■SVG画像のロードタイプ

SVG画像のローダーでのデフォルトのロードタイプは、HTMLImageElementではなくテキストになりました。
ローダーで読み込まれたSVG画像は、ImageResourceではなくSVGResource型になりました。

■drawStarメソッドを移動しました

GraphicsdrawStarメソッドは@pixi/graphics-extrasに移動されました。
これを使用している場合は、このオプションのパッケージを使用する必要があります（デフォルトではpixi.jsまたはpixi.js-legacyには含まれていません）。
このメソッドは、graphics-extrasの前に追加され、これらのオプションの描画関数に属しています。

■デフォルトのcacheAsBitmap解決動作を変更しました

ver.6より前は、cacheAsBitmapがtrueに設定されているものの解像度を変更したい時は、PIXI.settings.RESOLUTIONを変更する事だけでした。
これはもはや当てはまりません。
cacheAsBitmapは、オプションのローカルオーバーライドcacheAsBitmapResolutionを使用して、デフォルトでレンダラーの解像度を使用するようになりました。