2013-05-14

ActionScript3.0でフリガナを表示する

Flashで、テキストにふりがなをつけて表示する。画像以外はActionScript3.0で処理する。

実際のFlash。黄色の矢印をクリックすると進む。

https://sites.google.com/site/itouhiro/2013/20130513furigana.swf

ソースは以下。表示するテキストは外部ファイルを読むようにしていたが、Webにswfを置いたときtxtファイルを読み込めなかったので(swfなら読み込めるのになぜだろう)、以下のソースにはテキストの中身を含めている。 Flash CS6でビルドした。Main.flaは

  • instance CharA1, CharB1 を配置。
  • DocumentClassに 'Main' を指定。

だけしか入ってない。Main.flaと同じフォルダに Main.as (以下のソース)を置いている。以下のソースから CharA1, CharB1 の6行だけコメントアウトするとFlashDevelopでもコンパイル可能。

テキストは 夏目漱石 『それから』 http://www.aozora.gr.jp/cards/000148/card1746.html の「テキストファイル(ルビあり)」を一部取り出して加工した。ふりがな関連は加工していない。 上で示したソースコードには、改行部分に $ という記号がついているが、ついていない以下の形式も処理できる。 http://japaneseinput.web.fc2.com/flash/20130513.txt

男と女の画像は、

の写真素材を加工した。

ふりがな の位置が漢字の中央にきてなかったり、改行している文字への ふりがな が改行してなかったり、の問題はあるが、なかなかよい感じである。青空文庫のふりがな形式をそのまま表示できているので、応用効きそうだ。

0 件のコメント:

コメントを投稿

人気記事