タグでフォントを指定する

さてさて『動く漫画』を作ってみたわけだが…
かなり演出が大雑把で…

なーんだFoooなんてこんなものか

なんて思ったかもしれない。
いやいやいやいや
いやいやいやいや
いやいやいやいや

Foooの実力はこんなものではない！

しかし演出がまだまだ大雑把なのは間違いない。
ここからは、演出の細かな調整を可能にするFoooの様々な機能を紹介しながら
『動く漫画』をより読みやすく、躍動感のあるものに仕上げていこうと思う。

真っ先に手を加えたいのは、文字だ。
とにもかくにも文字が小さすぎる！
サンプルは画面を縮小して掲載しているせいもあって、あまりにも文字が見づらい。

文字のサイズを大きくしたい。
ではどのようにして文字のサイズを変えるかというと…

『タグ』を使う。

『タグ』というとホームページを作成する時に使う言語『HTML』を
思い出す人が多いのではないだろうか。
それが正解。
ここで言ってる『タグ』はHTMLのタグとほとんど同じものだ。

CreateText命令やCreateBalloon命令のtextパラメータでは、
次のようにして『タグ』を記述することができる。

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

FONTタグで文字サイズを32ピクセルに指定している。
さらにfaceパラメータでフォントを変えることもできる。

  CreateBalloon(name="台詞１"
    , text="<FONT face='ＭＳ ゴシック' size=32>それにしても腹が減った</FONT>"
    , x=564, y=75, tail=-30);

このようにHTMLのFONTタグとそっくりなかんじに書ける。
他に色や太さ、影、縁取りの指定なども可能だ。

ちなみにタグを使って改行もできる。
改行にはBRタグを使う。
これもHTMLと同じ。

  CreateBalloon(name="台詞１"
    , text="<FONT face='ＭＳ ゴシック' size=32>それにしても<BR>腹が減った</FONT>"
    , x=564, y=75, tail=-30);

では実際に組み込んでみよう。

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="台詞１"
    , text="<FONT face='ＭＳ ゴシック' size=32>それにしても<BR>腹が減った</FONT>"
    , x=588, y=75, tail=-30);
  CreateBalloon(name="台詞２"
    , text="<FONT size=24>クククク…</FONT>"
    , 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;
}

文字が大きくなって、グッと読みやすくなった！