ブース出展
エリア：A 4
出展者名
9VAきゅうべえアニメ研究所
出展者について
モーショングラフィックス作成フリーソフト9VAeきゅうべえ、子供でも簡単につくれるひとコマアニメーションアプリを開発、無償公開しています。応援お願いします。PEAS Webアニメコンテスト神戸 (https://webcon-kobe.jp/) の運営もしています。
スマホやパソコンで動く無料のモーショングラフィックスアプリ、9VAeきゅうべえを、X68000 Z に移植するために、SVGよりも軽量、高速に読み書きできるベクトルアニメーションフォーマット「OneP」（One Picture:ひとコマ の略）を開発したので紹介します。X68000 Z 実機でデモします。
ひとコマアニメーションを使ったアニメーション制作も行います。
OneP フォーマット
解説記事はこちら
SVGより簡単に動きが記述できる ONEPフォーマット解説 #XML – Qiita
このアニメーションを OneP で表現すると下のようになります。
<onep viewBox="0 0 300 100">
<page sec="5">
<use label="heart"
at="155,50" vec1="40,0" vec2="70,150"
stroke="gray" fill="gray" blurTyp="2,10,30" />
<use label="heart"
at="90,60" vec1="40,0" vec2="30,90" />
</page>
<page sec="1" label="#-1">
<cmd ctype="Exit" />
</page>
<page sec="0.5" label="heart">
<cmd ctype="BaseFrame" cp1="20,30" cp2="100,90" />
<cmd ctype="Turn" />
<path id="P1"
fill="red" stroke="black" width="1"
curve="011011"
d="M60,50 L80,30 100,50 60,90 20,50 40,30 z" />
</page>
<page sec="1">
<path linkTo="P1"
fill="pink" stroke="black" width="1"
curve="011011"
d="M60,55 L70,44 80.75,55 60,76 40,55 50,44 z" />
</page>
</onep>
特長：
- キーフレームを<page>で記述。描画処理が遅くても<page>はすべて描画することで描画の破綻がおこりません。
- linkTo, ghostTo によってページ間の図形のリンク情報を記録します。
- useによって、別のページのアニメーションをページのなかにいれます。そこで色をつけたり、ぼかしをつけたりできます。