#author("2023-11-14T11:50:45+09:00","default:post","post") ---- #contents ---- ~ *バルーンに画像を表示する [#n4feaa5a] 画像ファイルを表示するには、SSP専用のさくらスクリプトを使用します。~ 表示させたい画像をゴースト辞書のあるフォルダと同じ場所に置いて、以下のように記述。 \_b[画像ファイル名,x座標,y座標] \_b[画像ファイル名,inline] 前者は座標を直接指定し、''背景に貼り付けます''。~ バルーンがスクロールしても貼り付けた画像は移動しません。バルーンの背景と同化するような感じ。~ 後者は''文字として貼り付けます''。~ 一文字分と同じ扱いになるので、文章の途中に挟んだり、スクロールと一緒に移動します。\c[char,1]で1文字削除したりするのにも対応しています。~ 用途に合わせて使い分けましょう。~ 詳しくは[[UKADOC さくらスクリプト>https://ssp.shillest.net/ukadoc/manual/list_sakura_script.html]]を参照のこと。 *スクリプトのオプション [#g2a432ba] このさくらスクリプトの表示方法はちょっと特殊な事情があり、~ ↑のものをそのまま使った場合、思ったとおりの表示がされない事もあります。~ というのも、そのままではシェル画像のように''画像の左上の1pxの色を透明にする''という性質があるためです。 ここではinline方式で解説します。(xy指定でも記述方法に変わりはありません) :\_b[画像ファイル名,inline]|ふつうの方式。左上の1pxの色が抜かれる。 :\_b[画像ファイル名,inline,opaque]|opaqueを指定。左上の1pxの色を抜きません。画像をそのまま表示します。 :\_b[画像ファイル名,inline,--option=use_self_alpha]|画像のアルファチャンネルを使用します。左上の1pxの色を抜きません。 具体的な使い分けは、大雑把に言えば、~ -PNG~ 近年ではアルファチャンネル(透明度)つきの画像が一般的になってきており、意図的に原色を抜くのでない限り、~ &color(red){\_b[画像ファイル名,inline,--option=use_self_alpha]};~ が安牌です。 -JPEG~ こちらは圧縮で単色部分が変化(劣化)する形式なので、原色を配するやり方は使えません。~ &color(red){\_b[画像ファイル名,inline,opaque]};~ が最適です。 *バルーンでの表示例 [#jde25ea9] -今回は以下の6つの画像を使います。 |&ref(maru1.png);|背景が透明の、なめらかな黒い円|アルファチャンネル付きPNG| |&ref(maru2.png);|背景が緑色の、なめらかな黒い円|PNG| |&ref(maru3.png);|背景が透明の、黒単色の円|アルファチャンネル付きPNG| |&ref(maru4.png);|背景が緑色の、黒単色の円|PNG| |&ref(maru5.jpg);|背景が白、なめらかな黒い円|JPEG| |&ref(maru6.jpg);|背景が緑、なめらかな黒い円|JPEG| これを~ \_b[画像ファイル名,inline]~ \_b[画像ファイル名,inline,opaque]~ \_b[画像ファイル名,inline,--option=use_self_alpha]~ の3つのパターンでバルーンに表示してみます。 -結果。 #ref(image_balloon.png); 以上の通り、 -透明度がなく原色で色を抜くPNGはオプションなし -アルファチャンネル(透明度)つきPNGは--option=use_self_alphaのオプション指定 -JPEGはopaqueオプション指定 が適するということが分かります。