My Noteの新機能として言語の知識がなくてもアニメーションが描けるように機能拡張しました。アイキャッチ画像に挙げたアニメーション例はMy Noteの一つのドキュメント上に機能的な説明用に作り上げたものです。残念ながらアイキャッチ画像ではアニメの動きは見えないので興味のある方は右のサイトを覗いて見て下さい。
My Noteは言語を知らなくてもHtml文書を作成し、またそこに簡単なSvg図形を加えて編集保存できるものとしてアピールしていますが、今回は更にアノメーション機能も言語要らずで文書中に加えることが出来るので、落書きを書き加える気持ちであったり、もう少し時間をかけて絵的なセンスを加えてアニメーションを楽しんで欲しいと思っています。
アニメーション作成の方法については左に示す2つのメニューから適切なものを選ぶことで可能となります。現段階は上のメニューからは①go along the path(パスに沿って動く)②one-stroke writing(一筆書き)③draw and hide(書いては消す)④path deformation(パスの変形)の4種類のアニメーションが作成できるようになっています。さらに、下のadd more(追加)メニューからは単純なtranslate(移動)、rotate(回転)及びgradation(色相変化)のアニメーションを作成出来ますし、それらの複合アニメーションを作成することができます。
基本的にはSvg図の作図機能を使って作図したパス(Path)を選ぶことと動きの時間などいくつかのパラメータを指定することで簡単にアニメーションが出来てしまいます。
コメント