文章のスクロール最適化【プラグイン】
文章のスクロール表示の処理落ちを軽減します。
文章のスクロール実行中、一定間隔スクロールするごとに再描画が行われますが、その瞬間だけ画面が固まる事があります。
そこで再描画をせず、最初に全て描画しておくことでカクつきを解消します。
コアスクリプトv.1.7.0以上のゲーム専用です。
更新履歴
2025/09/17：Ver.1.0.0 公開。
ダウンロード
OptimizedScrollingText.js Ver.1.0.0
MITライセンス
使い方
入れるだけ。
仕様
v.1.7.0以前では文章の高さが規定量を超えると全て真っ黒になる現象（命名：黒海苔）がありました。
これは実行環境や端末によって左右されるので、テストプレイでうまくいっても投稿サイトだと表示が壊れるという最悪なものです。
何故最悪か、それはエンドロールにクレジットを載せるとき、クリエイターの唯一の宣伝場所を奪うからです。
そこで対策プラグインを公開し、公式にも前述の件を伝えしばらくしてv1.7.0にも反映されました（MVは何故か放置）。
公式はいつもコピペ返答かスルーなので不安でしたが、MZに関しては救われてよかったです。
このアップデートにより描画に使う画像の高さが2048pxに制限され、下端までスクロールするとテキストの開始位置をズラして再描画されるようになりました。
描画→スクロール→位置をズラして再描画→スクロール→位置をズラして再描画→スクロール→……→終了
しかし先日、再描画による負荷が気になるという意見を見たので改善できるか検討することにしました。
そこで内部では適切に画像を読み込めており、文字を書き込む事も問題なくできる点に着目。
実は黒海苔になるのは画面の表示だけだったのです。
プリンターでウェブページを印刷するように一つの要素を複数枚に分割してコピペすれば良いのではと考えました。
予想はうまくいき、本プラグインでは以下の処理が導入されています。
①旧バージョンのように全てを一度に描画
②高さが2048pxに制限された画像を複数枚用意
③①を②にコピペ
④①を消去
⑤一定量スクロールする毎に②を差し替える
スクロール開始時点で負荷の掛かる処理が全て終わっているので後は表示する画像を変えつつ流すだけ。
引っ掛かりもなく非常にスムーズです。
この記事へのコメント