画像を表示する の履歴(No.2)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 画像を表示する へ行く。
  • 1 (2023-11-14 (火) 11:25:58)
  • 2 (2023-11-14 (火) 11:50:45)

バルーンに画像を表示する†

画像ファイルを表示するには、SSP専用のさくらスクリプトを使用します。
表示させたい画像をゴースト辞書のあるフォルダと同じ場所に置いて、以下のように記述。

\_b[画像ファイル名,x座標,y座標]

\_b[画像ファイル名,inline]

前者は座標を直接指定し、背景に貼り付けます。
バルーンがスクロールしても貼り付けた画像は移動しません。バルーンの背景と同化するような感じ。
後者は文字として貼り付けます。
一文字分と同じ扱いになるので、文章の途中に挟んだり、スクロールと一緒に移動します。\c[char,1]で1文字削除したりするのにも対応しています。

用途に合わせて使い分けましょう。
詳しくはUKADOC さくらスクリプトを参照のこと。

スクリプトのオプション†

このさくらスクリプトの表示方法はちょっと特殊な事情があり、
↑のものをそのまま使った場合、思ったとおりの表示がされない事もあります。
というのも、そのままではシェル画像のように画像の左上の1pxの色を透明にするという性質があるためです。

ここではinline方式で解説します。（xy指定でも記述方法に変わりはありません）

\_b[画像ファイル名,inline]

ふつうの方式。左上の1pxの色が抜かれる。

\_b[画像ファイル名,inline,opaque]

opaqueを指定。左上の1pxの色を抜きません。画像をそのまま表示します。

\_b[画像ファイル名,inline,--option=use_self_alpha]

画像のアルファチャンネルを使用します。左上の1pxの色を抜きません。

具体的な使い分けは、大雑把に言えば、

• PNG
  近年ではアルファチャンネル（透明度）つきの画像が一般的になってきており、意図的に原色を抜くのでない限り、
  \_b[画像ファイル名,inline,--option=use_self_alpha]
  が安牌です。

• JPEG
  こちらは圧縮で単色部分が変化（劣化）する形式なので、原色を配するやり方は使えません。
  \_b[画像ファイル名,inline,opaque]
  が最適です。

バルーンでの表示例†

• 今回は以下の6つの画像を使います。

  	背景が透明の、なめらかな黒い円	アルファチャンネル付きPNG
  	背景が緑色の、なめらかな黒い円	PNG
  	背景が透明の、黒単色の円	アルファチャンネル付きPNG
  	背景が緑色の、黒単色の円	PNG
  	背景が白、なめらかな黒い円	JPEG
  	背景が緑、なめらかな黒い円	JPEG

これを
\_b[画像ファイル名,inline]
\_b[画像ファイル名,inline,opaque]
\_b[画像ファイル名,inline,--option=use_self_alpha]
の3つのパターンでバルーンに表示してみます。

• 結果。
  

以上の通り、

• 透明度がなく原色で色を抜くPNGはオプションなし
• アルファチャンネル（透明度）つきPNGは--option=use_self_alphaのオプション指定
• JPEGはopaqueオプション指定

が適するということが分かります。