K -049

1.はじめに
今日，電子メールはバーソナルコンピュータ（PC）や携帯電話をはじめとする携帯端末などで広く利用されている.しかしPCにおける電子メールの利用にはキーボードへの習熟が必要であり，初心者や高齢者にはキーボードへの習熟が竜子メール利用の大きな障害になっている．その問題を解決する一手段として手書き入力を電子メールに適用したものが提案され，多く製品化されている．しかし，それら既存の手書き電子メールシステムではメッセージの作成と閲覧に専用のアプリケーションが必要であるという問題があった．そこで，我々と同研究室の依藤らの手書き電子メールシステムでは, webプラウジングソフトウェア(webプラウザ)だけで手書きメッセージの作成,送信,閲覧を行えるようにすることで利用者の負担を軽減した[1].手書き電子メールは，手書きでメッセージを書けるようにしたことで表現力が増し，利用者からも書き手の個性や感情を効果的に伝えることができ，コード文字だけのメールが冷たい印象を与えてしまうという問題を解決することができる点に対して肯定的な意見が得られている[2].そこで本研究では，電子メールの表現力をよりあげるために，手書きメッセージにアニメーションを含ませることを試みる。また，利用者の利便性を考慮し，依藤らのシステムと同様，webプラウザだけでアニメーションの作成，送信，閲覧を行えるようにする.
2.手書きアニメーション
2.1中間画像生成方式の採用
本研究では，竜子メールで送受信できるようにするアニメーションとして，手書き入力と親和性の高い手書きアニメーションを採用する。手書きアニメーションの代表的なものに，複数の手書き画像を順番に表示するぱらぱら漫画方式がある．しかし，ぽらぽら漫画方式で滑らかなアニメーションとするには非常に多くの基画像を描かなければならないという問題点がある.そこで本研究では，描いた基画像の間に自動的に生成した中間画像を挿入し，滑らかなアニメーションにする方式を採用する.中間画像の自動生成アルゴリズムとしては,我々の研究室の修了生である岡村らによって考案された生成方式[3]を利用する. 2.2既存のアニメーションツールの問題点と解決法既存の中間画像生成方式の手書きアニメーションとしては,日立製作所製の手書きアニメーション[4], PIEのマンガアニメ[5],  MorphIn' kidsプロジェクトによるMorphInk[6]などがある.日立製の手書きアニメーションは本研究でも利用する岡村らの手法を利用しており，手書きで書いた数枚の絵から中間画像を生成してアニメーションを作成することができ,作成したアニメーションはJavaアプレットとして保存することができる.マンガアニメも手書きで書いた図形をアニメーションにして，アニメーションGIFなど様々な形式で保存することができる．しかし，最初の画像は手書きで描けるが，二枚目以降は基画像に対して変形操作をした画像しか用いることができない制限がある. MorphInkは，日立の手書きアニメーションと同様に，手書きの画像間の中間画像を生成したアニメーションを作成することができる。しかし，二枚目以降の画像にストローク（筆跡）を描くときに，基画像に描かれた対応するストロークの始点からしか描き始められないという制限がある.また，これらのアニメーションを作成するためには専用のソフトウェアが必要であり，また閲覧するためには， MorphInkでは専用ソフトウェアが，日立の手書きアニメーションではJDKが必要でなる．さらに，作成したアニメーションを竜子メールで送信する際には，ユーザが自らファイルを添付したメールを作成しなければならず，電子メールとの親和性は低い.そこで本研究では，中間画像生成方式に岡村らの方式を利用し，自由に描いた複数の手書き画像を基画像としたアニメーションを作成できるようにする．さらに，依藤らの手書き電子メール同様，webプラウザだけで，手書きアニメーションの作成，送信，閲覧を可能にし，だれでもどこでも手書きアニメーションを利用できるようにする.
3.詳細設計
3.1入力インターフェース
依藤らの手書き電子メールシステムでは，マウスからの入力を取得し，その筆跡を表現する VML（Vector Mark-up Language）タグを動的に生成するJavaScriptをHTMLに記述することで，webプラウザ上での手書きメッセージ作成を可能にした．本システムでも，１枚１枚の画像を作成する作業は，手書きメッセージの作成作業と変わりがないため，依藤らと同様の技術を利用する.ただし，本研究で実現するシステム（手書きアニメーションメールシステム）では，アニメーションを作成する際に，前のコマの画像を見ながら次のコマの画像を描けるようにした方が便利である．そこで，2枚のコマを同時に関覧できるような画面構成とする．さらに，コマ間での画像コピーやコマごとの消去機能を付け加える.
3.2メッセージ形式
依藤らの手書き電子メールシステムでは，VMLタグを含んだHTMLで手書きメッセージを表現し，これを記述したファイルを添付ファイルとした竜子メールを送信する.ほとんどの電子メーラでは，添付されたHTMLファイルをwebプラウザで開く機能があるため，容易に手書きメッセージを閲覧することができる.手書きアニメーションメールシステムでも，同様な手軽さで閲覧を可能にするため，手書きアニメーションをHTMLで表現する必要がある.一つの方法は，利用者が描いた基画像と，そこから生成した中間画像すべてを表現する VMLタグと，それらを順番に表示するJavaScriptを記述したHTMLで表現する方法である（図１上）.しかし，この方法ではデータ量が多くなるという問題点が生じる.そこで,我々は, VMLタグで表現する画像は利用者が描いた基画像だけとし，その代わりに基画像から中間画像を生成しながら順番に表示を行うJavaScriptをHTMLに記述する方法を採用する（図1 F）.
4.システムの試作
Webプラウザを使用した手書きアニメーションメールシステムの実現可能性を示し，中間画像生成による滑らかなアニメーションができることを確認するために，システムの試作を行った．実行環境を表１に示す．手書きアニメーション作成中の画面を図2上に示す. 図2下は上の2枚の基画像から３枚中間画像を生成した場合の中間画像である.依藤らの手書き電子メールシステムと同様，メール送信には，フリーソフトウェアのDLL （Dynamic Linking Library）を利用して実現したActiveXを利用した．なお,このシステムはwebページ上で公開している. (http://hands.ei.tuat.ac.jp/naoki/animepmw/)
表1.システムの実行環境

5.今後の展開
今回，webプラウザ上へのグラフィックの描画手段にはVMLを採用している. VMLはMicrosoft Internet Explorer専用の規格であるため，使用できるプラウザが制限されてしまう．そこで，SVG（Scaleable Vector Graphic）などより一般的な記述方法を用いることでNetscapeなどの他のプラウザにも対応させることが必要である．また，電子メール送信にはCGIなどを利用し，ActiveXに対応していないwebプラウザや，ActiveXをインストールできない環境でも利用できるようにすべきである.
6.終わりに
今回，多くの人が手軽に表現豊かな竜子メールを利用できるようにするために，webプラウザだけで，数枚描いた手書き画像から滑らかなアニメーションを作成すること,そのアニメーションを電子メールで送信すること，受信したアニメーションを閲覧することが行えるシステムを提案し，試作を通して提案したシステムの実現可能性，十分な速度でアニメーションを表示できることを示した．今後の課題としては、前章に書いたような改良を行うことで，さらに汎用性を高め，多くの人が利用できるようにすることが挙げられる.謝辞試作において，手書き竜子メールシステムのソースコードを提供していただいた依藤充範氏に感謝する.