スタイルでフォントを指定する

タグによるフォントの指定は、テキストの一部だけフォントを変えるなどできて便利なのだが
長～いスクリプトで全体的にフォントを変えていこうと思った場合
毎度毎度textパラメータに長ったらしい記述をしなくてはいけないのは、すごく面倒だ。
そんな時に使うのが…

スタイル定義だ。

フォントの形、サイズ、色などを『スタイル』という形で予め定義しておき、
命令ではそのスタイルを指定して使う。
このようにすると命令毎のフォントの指定を大幅に簡略化できる。

HTMLを知ってる人なら「スタイルシートみたいなものかな？」
と思ったかもしれない。
記述の仕方はちょっと違うが、機能の意図としては同じようなものだ。

どう書くのか見ていこう。
まずはスタイルを定義する記述。

style 普通 { face="ＭＳ ゴシック", size=32 }

“普通”という名前のスタイルを定義している。
簡単なので詳しく説明しなくても、どういう意味の記述かだいたいわかると思う。

次にスタイルの使い方。
スタイルはFONTタグで指定できる。

  CreateBalloon(name="台詞１"
    , text="<FONT style='普通'>それにしても<BR>腹が減った</FONT>"
    , x=588, y=75, tail=-30);

しかしまだこれもちょっと煩雑なかんじだ。
文章全体にスタイルを指定してしまってかまわない場合は、もっと簡単に記述する方法がある。
それがCreateBalloon命令のstyleパラメータを使う方法。

  CreateBalloon(name="台詞１"
    , style="普通", text="それにしても<BR>腹が減った"
    , x=588, y=75, tail=-30);

かなりスッキリした！
それでは組み込んでみよう。

style 普通 { face="ＭＳ ゴシック", size=32 }
style 小 { size=24 }

method Main()
{
  CreateImage(name="背景", image="背景.png"
    , x=0, y=0);
  CreateFrame(name="コマ１", image="コマ１.png"
    , x=440, y=0, alpha=0%);
  CreateFrame(name="コマ２", image="コマ２.png"
    , x="OutRight", y=65);
  CreateFrame(name="コマ３", image="コマ３.png"
    , x=407, y=505, ox="Center", oy="Middle", sx=0%, sy=0%);
  CreateBalloon(name="台詞１"
    , style="普通", text="それにしても<BR>腹が減った"
    , x=588, y=75, tail=-30);
  CreateBalloon(name="台詞２"
    , style="小", text="クククク…"
    , x=485, y=525, tail=160);

  Enter(to="背景");
  wait 1000;

  Enter(to="コマ１");
  Opaque(to="コマ１", time=1000, alpha=100%);
  wait 1000;

  Enter(to="コマ２");
  Move(to="コマ２", time=1000, x=780);
  wait 1000;

  Enter(to="台詞１");
  wait 1500;

  Enter(to="コマ３");
  Zoom(to="コマ３", time=1000, sx=100%, sy=100%);
  wait 1000;

  Enter(to="台詞２");
  wait 1000;
}

実行結果は前回と一緒なので省略～