シャープEVAアニメータ作品を 9VAe(きゅうべえ)に変換する方法

# 9VAeきゅうべえ とは

- 9VAeきゅうべえは、**変化する途中の絵を自動作成する機能**をもったアニメ作成フリーソフトです。
- アニメGIF / アニメSVG / QuickTime を作成できます。
- アニメを作りたい方は[こちら「無料でアニメを作ってみよう（9VAe きゅうべえ）](http://qiita.com/danjiro/items/253e5a33a38599098274)」をご覧ください。

本記事では、シャープEVAアニメータで作成したEVA作品を、9VAeきゅうべえ用に変換する方法を解説します。

# EVAアニメータとは

シャープ株式会社が開発したベクトルアニメーション技術。EVAは、Extended Vector Animation の略です。ブラウザで再生するときに必要なプラグインがシャープのサイトEVAアニメータプラザでサポートされていましたが、2016年1月31日に閉鎖されました。

9VAeきゅうべえは、EVAアニメータの上位互換性をもったベクトルアニメーションで、次のような違いがあります。

|項目|EVAアニメータ|9VAeきゅうべえ|
|:--|:--|:--|
|プラットフォーム|Windows|Windows, Macintosh, iOS/iPad, Android/Chromebook, Amazonfire,  ラズベリーパイ, Ubunu, X68000z|
|入手|できない|フリーソフト[（ダウンロード）](http://qiita.com/danjiro/items/1debda10c37fd8a55927)|
|SVG|できない|入出力できる|
|穴のあいた塗りつぶし|できない|できる|
|データフォーマット|非公開|[公開 OneP](https://qiita.com/danjiro/items/983e2868d1fd67e8035f)|
|キーフレーム数|９９９枚|９９枚|


# １．とにかく読み込んでみよう
例として、EVAアニメータに同梱されている「What's EVA」を、9VAeに変換してみましょう。「What's EVA」を9VAeで読み込んだ例を示します。

![001d.png](https://qiita-image-store.s3.amazonaws.com/0/67734/7efd78d9-420d-6380-6a41-025da0959225.png)


- 9VAeは、289ページのデータを読み込みできます。当初、9VAeは９ページしか編集ができなかったのですが、今は９９ページまで編集できます。以下は９ページしか編集できなかったときの処理を説明しています。
# ２．９ページ以下の単位に分割する（１）
- 「What's EVA」の最初のカット「EVAアニメータって何？」は１１ページあります。これを１から５ページと５から１１ページに切り出すことにします。

## （１）１から５ページを切り取る
1. １ページのページ番号（上図Ａ）をクリック＞「ページの指定 ここから」
2. ５ページのページ番号（Ｂ）をクリック＞「ページの指定 ここまで」
3. １ページのページ番号（Ｂ）をクリック＞「まとめて記憶する」＞これで５ページが、記憶ツール（Ｃ）にはいります。（※もしこの操作ができない場合、9VAeが 最新バージョンかどうか確かめてください。）

## （２）新規作成してページをコピー
1. ファイル（上図Ｄ）＞「新規作成」をクリック＞新しいファイルが開きます。
1. 新しいページの左端の「＜」（下図Ａ）をクリック＞「記憶したページを入れる」をクリック＞下図のようにコピーした５ページが先頭に入ります。
2. ６ページの番号（下図Ｂ）をクリック＞「ページを切り取る」＞これで６ページが削除されます。
3. ここで、２ページから５ページまで「aaa_anime」と赤色で表示されています。これは、アニメキャストの実体がないことを意味しています。
2. 「aaa_anime」の中身を記憶ツール経由でコピーしましょう。「９ＶＡ」ボタン（下図Ｄ）をクリック＞「編集中のアニメ」の下の「evademo.eva」をクリック。＞これで「What's EVA」のアニメが開きます。

![002b.png](https://qiita-image-store.s3.amazonaws.com/0/67734/7e9cf2a3-70c4-bc1c-b6b0-636f0a432a6a.png)

## （３）アニメキャストの中身を探す
![003.png](https://qiita-image-store.s3.amazonaws.com/0/67734/7cdab228-7f1c-f4dc-ac46-b70109c31710.png)


1. 「What's EVA」のアニメから、「aaa_anime」を探すには、ページの左上肩（上図Ａ）をクリックします。＞これでラベルの一覧がリストされますので、中から「aaa_anime」（上図Ｂ）を探してクリックします。＞下図のように、「aaa_anime」の先頭ページ（281ページ）が表示されます。

## （４）アニメキャストの中身をコピー
![004.png](https://qiita-image-store.s3.amazonaws.com/0/67734/a7a38a06-22db-4e82-357b-dad6b6122024.png)

1. ページの時間のかわりにアニメキャストのラベルを表示できます。そのためにはラベルのついたページの時間（上図Ａ）をクリック＞「ラベルを表示する」をクリック。これでラベルのついたページの時間の表示がラベル名の表示に変わります。
2. アニメキャスト「aaa_anime」の先頭ページ（281ページ）（Ｂ）をクリック。＞「ページの指定 ここから」をクリック。
3. アニメキャスト「aaa_anime」の最後のページ（287ページ）（Ｃ）をクリック。＞「ページの指定 ここまで」をクリック。
4. アニメキャスト「aaa_anime」の最後のページ（287ページ）（Ｃ）をクリック。＞「まとめて記憶する」をクリック。＞これでアニメキャストの中身が記憶ツールの中に入ります。
5. 「９ＶＡ」ボタン（Ｄ）をクリック＞「編集中のアニメ」の下の一番上の「\*(new...)」をクリック。＞これで作成中のアニメに戻ります。

## （５）アニメキャストを入れる
![005.png](https://qiita-image-store.s3.amazonaws.com/0/67734/3c46c15f-445d-c722-e85c-5c3594eb044f.png)

1. アニメキャストを入れるボタン（上図Ａ）をクリック。＞アニメキャスト名「aaa_anime」を設定する画面が開きます。＞そのまま「ＯＫ」ボタンをクリック。＞アニメキャスト「aaa_anime」が画面に入ります。
2. アニメキャストの中身がない赤い「aaa_anime」（上図Ｂ）をクリックして選択。これを中身のあるアニメキャストに差し替えます。
3. 「９ＶＡ」ボタン（Ｃ）をクリック。＞「読み込んだアニメを使う」の中の「aaa_anime」をクリック。＞「選んでいるアニメキャストを入れ替えますか？」の確認にたいして「はい」をクリック。
4. 「他のページの内容も修正しますか？」の確認に対して「はい」をクリック。
5. 「同じアニメキャストをすべて置き換えてもいいですか？」の確認に対して「はい」をクリック。＞これで中身のないアニメキャストが中身のあるアニメキャストに置き換えられます。（下図）
6. 最初に入れたアニメキャスト（下図Ａ）をクリックして選択。
7. 削除ボタン（下図Ｂ）をクリック。＞これで最初に入れたアニメキャストが削除されます。

![006b.png](https://qiita-image-store.s3.amazonaws.com/0/67734/cec3328c-f817-ed45-8ed8-75102e26ee9b.png)


## （６）切り出したアニメを保存
1. メニューの「ページ」（上図Ｃ）をクリック。＞「ページ設定」をクリック＞「What's EVA」と同じサイズ（530×420）に設定します。
2. ファイル（上図Ｄ）をクリック。＞「名前を付けて保存」＞「001.eva」といった名前をつけて、「What's EVA」と同じフォルダに保存。＞これで１から５ページが切り出されて保存されました。
2. 「９ＶＡ」ボタン（上図Ｅ）をクリック＞「編集中のアニメ」の下の「evademo.eva」をクリック。＞これで「What's EVA」のアニメに戻ります。


# ３．９ページ以下の単位に分割する（２）
- 上と同様にして、最初のカット「EVAアニメータって何？」の５ページから１１ページの部分をコピーし、「002.eva」という名前で保存します。
- 下図は、５ページから１１ページまでを記憶し、新しいファイルの先頭ページにコピーした状態です。

![007.png](https://qiita-image-store.s3.amazonaws.com/0/67734/2957226c-eb16-c80d-dbdb-dc5ad9068428.png)

1. ８ページ（上図Ａ）をクリック。＞「ページを切り取る」をクリック。
2. 「９ＶＡ」ボタン（上図Ｄ）をクリック＞「編集中のアニメ」の下の「evademo.eva」をクリック。＞これで「What's EVA」のアニメに戻ります。
3. 「What's EVA」の１ページの背景のページ番号をクリック＞「ページを記憶する」をクリック（１ページだけ記憶）
4. 「９ＶＡ」ボタン（上図Ｄ）をクリック＞「編集中のアニメ」の一番上の「\*(new..)」をクリック。＞これで上図のアニメに戻ります。
5. ページの先頭の「＜」（上図Ｂ）をクリック。＞「記憶したページを入れる」をクリック。＞これで背景ページが入ります。
6. ２ページをクリックし、２ページに移動。＞中身のないアニメキャスト（上図Ｃ）をクリックして選択。
3. 「９ＶＡ」ボタン（Ｄ）をクリック。＞「読み込んだアニメを使う」の中の「（aaa_anime）」をクリック。＞そのあと「はい」を３回クリック。＞これで中身のないアニメキャストが中身のあるアニメキャスト（aaa_anime）に置き換えられます。
1. メニューの「ページ」をクリック。＞「ページ設定」をクリック＞「What's EVA」と同じサイズ（530×420）に設定。
2. ファイル（上図Ｄ）をクリック。＞「名前を付けて保存」＞「002.eva」といった名前をつけて、「What's EVA」と同じフォルダに保存。＞これで５ページから１１ページが保存されました。

# ３．９ページ以下の単位に分割する（３）
- 同じ操作を繰り返し、EVAアニメを９ページ以下の単位に分割していきます。

|コピーしたページ|保存した名前|使用アニメキャスト|再生時間|
|:--|:--|:--|:--|
|1-5|001.eva|aaa_anime|1.4|
|1,5-11|002.eva|aaa_anime|3.75|
|12-17|003.eva||4|
|12,17-22|004.eva||1.35|
|23-30|005.eva||2.75|
|23,30-37|006.eva||2.25|
|23,37-44|007.eva||3|
|23,44-51|008.eva||3.5|
|23,51-58|009.eva||3.25|
|23,58-65|010.eva||3.5|
|23,65-72|011.eva||3.75|
|23,72-79|012.eva||2.75|
|23,79-86|013.eva||6|
|23,86-91|014.eva||3.25|
|92-99|015.eva|c_chara2|4.75|
|92,99-106|016.eva|c_chara2, ピエロ|12.25|
|92,106-113|017.eva|c_chara2|3|

- ここでは、ひとまず、113ページまでを 9VAeきゅうべえで保存する例を説明します。
- 右端の欄は再生時間（秒）です。値を取得する方法は次に説明します。

# ４．005.eva から 013.eva まで読み込む

## （１）最初のアニメを読み込む
![008.png](https://qiita-image-store.s3.amazonaws.com/0/67734/eaaeba66-097a-d8e3-cf93-371b3fed811d.png)

1. メニューから「ファイル」（上図Ａ）＞「新規作成」をクリック＞新しいファイルが開きます。
2. メニューの「ページ」（上図Ｂ）をクリック。＞「ページ設定」をクリック＞「What's EVA」と同じサイズ（530×420）に設定。
3. 「９ＶＡ」ボタン（上図Ｃ）をクリック。＞「9VAアニメを入れる」をクリック。＞0005.eva を選んで、「開く」ボタンをクリック。＞１ページに 005.evaが読み込まれます。

このままでは、005.evaが１ページの時間（１秒）しか再生しませんので、005.evaの再生時間を調べ、１ページの時間を変更します。

## （２）ページの時間をアニメキャストの時間に合わせる
1. 画面の上にある太字（new）(上図Ｄ）をクリック。＞005.evaをクリック。＞ これで、005.evaが開きます（下図）。
2. 最後のページから２番目のページの時間（下図Ａ）をクリック。＞カーソルを一番上の時間に合わせます。
3. 下のガイダンス領域に、先頭から最後から２番目のページまでの合計時間（2.75秒）が表示されます。
4. ページ上の太字（下図Ｃ）をクリック。＞「このアニメにもどる」をクリック。＞これで元のアニメに戻ります。
5. 上図の１ページの時間をクリック。＞メニューの一番上の時間をクリック。＞時間を設定する画面が開くので「2.75」を設定。（※時間を数値入力する画面が開かない場合は、9VAeが Ver.0.3.33以上かどうか確かめてみてください。）

![009.png](https://qiita-image-store.s3.amazonaws.com/0/67734/0c7bbe6a-493e-f9df-0f86-3872b4827f52.png)


## （３）013.eva まで読み込み、ページの時間を合わせる
![010.png](https://qiita-image-store.s3.amazonaws.com/0/67734/73a5b58b-4c92-206d-3beb-15f0fcf7cb24.png)

1. 最後のページの右側の「＋」（上図Ａ）をクリック。＞「空白ページをつくる」をクリック。＞これで新しい空白ページが追加されます。
2. 「９ＶＡ」ボタン（上図Ｂ）をクリック。＞「9VAアニメを入れる」をクリック。＞空白ページを追加した後、順番に、006.eva、007.eva、008.eva...と、014.eva まで追加していきます。
3. 画面上の太字(new)（上図Ｃ）をクリック。＞新しく追加した9VAeアニメを開き、最後から２番目のページの時間をクリックし、再生時間を調べます。最後のページの時間は、次の9VAeアニメと重なっているため、合計時間には加えません。
4. 画面上の太字(new)をクリック。＞「このアニメにもどる」をクリック。
5. ページの時間（上図Ｄ）をクリック。＞一番上のページの時間をクリック。＞調べたアニメキャストの再生時間を設定。

以上の作業を繰り返し、005.eva から 013.eva まで（９ページ）を作成します。これを再生すると、次のようになります[（Youtubeで再生）](https://youtu.be/W24XdhGwYQk)。９ページ単位の構成で、うまく再生できることがわかります。



## （４）９ページのアニメを名前をつけて保存

1. 「ファイル」メニュー＞「名前を付けて保存」＞ 005-013.eva といった名前をつけて保存します。
2. 最後のページ（９ページ）の時間をクリックし、一番上の項目にカーソルをあわせれば全体の時間が、31.75秒であることがわかります。

# ５．001.eva から 017.eva まで読み込む

後は、同じことの繰り返しです。新しいアニメを新規作成し、画面サイズを設定してから、「９ＶＡ」ボタン＞「9VAアニメを入れる」を使って、001.eva, 002, 003, 004, 005-013, 014, 015, 016, 017
まで順番に読み込みます。各ページの時間を設定すれば、完成です。



# ６．基準枠について
上のアニメを作成するにあたって、以下のような基準枠の問題があります。

- 015.eva, 016.eva, 017.eva で使われているアニメキャスト「c_chara2」には、基準枠が設定されていません。
- EVAアニメータでは、アニメキャストの先頭ページに基準枠がない場合、画面全体が基準枠のサイズになると解釈されます。
- 一方、9VAeで記憶ツールを経由してアニメキャストを入れると、基準枠が図形を囲むサイズで設定されてしまいます。これでは本来の大きさにならないため、基準枠を「What's EVA」の画面サイズに修正する必要があります。そのためには以下のようにします。

1. アニメキャスト「c_chara2」の先頭ページを開く
1. メニューバー＞「ページ」＞「ページ設定」をクリックし、「What's EVA」の画面サイズ（530x420）に設定する。
2. メニューバー＞「編集」＞「選択する」＞「基準枠」をクリック＞これで基準枠が選択されますので、選択枠のハンドルをドラッグし、基準枠のサイズを変更して画面サイズ（530x420）に合わせます。

# おわりに

本記事では、シャープEVAアニメータで制作したEVAアニメを、9VAeに変換する基本的な方法を解説しました。EVAアニメータは、ラベルとアニメキャストを使って複雑なアニメーションを記述できるため、ここで解説した方法では単純に変換できない場合もあります。どこまで正確に変換できるか工夫が必要ですが、過去に作ったアニメーション作品が動くのは楽しいものです。興味があれば一度お試しください。ご質問、意見などはコメントに記載ください。


<br><br><br><br><br>
---
# 関連記事

## 9VAeきゅうべえ のご紹介

1. [無料でアニメを作ってみよう（9VAe きゅうべえ）](http://qiita.com/danjiro/items/253e5a33a38599098274)
2. [インストール方法](http://qiita.com/danjiro/items/1debda10c37fd8a55927)

## 9VAeきゅうべえ 初級編
1. [9VAe チュートリアルーはじめてみよう（その１）](http://qiita.com/danjiro/items/ea71567fa8c313f6f3fc)
2. [9VAe チュートリアルーはじめてみよう（その２）](http://qiita.com/danjiro/items/7507cd9f4c19197f21ea)
3. [9VAe チュートリアルーはじめてみよう（その３）](http://qiita.com/danjiro/items/ec174df989af8db42da4)
4. [9VAe チュートリアルーはじめてみよう（その４）](http://qiita.com/danjiro/items/70cfb20980fee4fdd245)
5. [9VAe チュートリアルーはじめてみよう（その５）](http://qiita.com/danjiro/items/ffa863d303eb7d640d10)


## 9VAeきゅうべえ 上級編
1. [openclipartの無料イラストをアニメ化する６つの手順](http://qiita.com/danjiro/items/161fc6bb0dc7aaa4f76d)
2. [イラストから動くLINEスタンプのようなアニメを簡単に作る方法](http://qiita.com/danjiro/items/f7ffcf5027babf3b03e9)
3. [Openclipart の 無料SVG をアニメにするテクニック](http://qiita.com/danjiro/items/1fcdd55a346d30b40b5e) 

## 9VAeきゅうべえ サンプル作品
1. [9VAeきゅうべえ」で絵を描かずに作れるGIFアニメ](http://qiita.com/danjiro/items/7fa584a4336cda9c0a05)