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
男と女の画像は、
- http://www.modelpiece.com/view.php?imageNo=20111226181643-64&category=&keyword=&mode=model&modelNo=20
- http://www.modelpiece.com/view.php?imageNo=20110525225133-4&category=&keyword=&mode=model&modelNo=04
の写真素材を加工した。
ふりがな の位置が漢字の中央にきてなかったり、改行している文字への ふりがな が改行してなかったり、の問題はあるが、なかなかよい感じである。青空文庫のふりがな形式をそのまま表示できているので、応用効きそうだ。

0 件のコメント:
コメントを投稿