Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
20
Help us understand the problem. What is going on with this article?
@danjiro

9VAeきゅうべえを無料にする理由: 9VAeの歴史

9VAeきゅうべえは、イラストに動きをつけるアニメーション作成ソフトです。

  • イラストレータからSVG経由でデータを入力でき、 図形をパーツに分割してアニメーションを作成し、 アニメGIF、アニメSVG、APNG や動画まで作成できます。
  • 9VAe単体で、音入りのアニメが作成でき、デジタルサイネージも作れます。

なぜこのような高機能なソフトウェアが無料なのでしょうか。それは、誰でも簡単にアニメが作れるフリーソフトがほしいと考えた個人が趣味で開発を続けているソフトだからです。

ここでは9VAe開発の歴史を説明しましょう。ちなみに9VAeをダウンロードしたい人はこちらから

プログラム教育でよく使われる、 スクラッチ(Scratch)ビスケット(Viscuit) は、どちらも無料です。お金儲けを目的にしないフリーソフトがたくさんあります。

9VAeきゅうべえも同じです。9VAeが無料なのは、誰でもアニメーションが作れる世界にしたいと思っているからです。9VAeきゅうべえは、「プレイフル・ラーニング ワークショップの源流と学びの未来」 から大きな影響をうけました。

  1. 今のアニメーションの世界は、絵や音楽と比べて偏りがあると思います。
  2. みんなでアニメーション素材をシェアできるとよいのではと思いました。
  3. 「キジEVA」にアニメーションの未来を見ました。
  4. 9VAeきゅうべえは個人開発ですが、多くの人が使っており、性能や信頼性は相当高いです。
  5. 9VAeを商業利用してください。9VAeきゅうべえの使用許可や連絡は不要です。再配布も自由です。

1.9VAeきゅうべえの歴史

1.1 コマ撮りアニメを作って挫折

アニメーションを見るのが好きだったので自分でも作りたいと思いました。最初は大学のクラブでみんなで手分けしてコマを描いてアニメを作りました。8mmフィルムで撮影し、現像し、上映すると上下さかさまになりました(カメラ台に原稿を反対向けにセットしないといけなかった)。それなりにおもしろかったですが、相当手間がかかり、一回でおわりました。

次に絵を描くより人形をカメラで撮影するほうが簡単なのではと思い、コマ撮りできるソニーのビデオカメラを買いました。人形をすこしずつ動かして、何回もシャッターをおしていると、日がかげって、部屋の明るさが変わり、背景の色が変化しました。再生すると画面がちらついて、あっという間に終わりました。

そこで、人形アニメも相当大変だとわかりました。撮影するコマ数は膨大で、失敗していたら、修正したい場面(人形の配置など)を後から正確に再現し、差し替えることは、ほぼ不可能です。つまり、最初から完成品をつくらなければなりません。

1.2 アニメーションエディタ lanma を X68000 で開発

当時、X68000 というパソコンがありました。パーソナルワークステーションと呼ばれており、音を鳴らすことができ、gcc という高性能なCコンパイラーが使え、高解像度のグラフィックスが表示できました。プログラマを育てた名機といってよいでしょう。

アニメーションを作るなら、パソコンで中間の絵を自動作成する
エディタを作ったほうが速いのでは。

そこで中間の絵を自動作成できるアニメーションエディタ「lanma」を作りました。9VAe の基本原理はこのとき完成しました。このアプリで、音や文字が入ったアニメーションが簡単につくれるようになりました。(lanma形式のアニメは、今でも 9VAeで読み込めます。リメイクしたものを見る)

lanma は、アスキー Vol.17 (1993年5月号)にフリーソフトとして掲載されました。

lanma.x/LANMA01.LZH
作者■大和団次郎
プログラム名■ラインアニメーションエディタ Ver.0.1
内容■線画アニメーションを作成するグラフィックエディタ。
ページごとに線画を書くなど編集しひとつのアニメーションファイルにまとめることができる。
扱えるオブジェクトは折れ線、文字、音の3種類。
折れ線は破線が使える。音はOPMかPCMが可能だ。
操作はすべてマウスで行い、コマンドなどはポップアップメニューで選択、実行する。
メモリが許す限りデータを作成できるため、かなり長い線画アニメーションも作成可能だ。
lanma.x で作成したアニメーションデータは、同梱されている lanmp.x で再生する。
動作条件■ Human68K Version 2.01以上で動作
IMG_lanma.png

X68000 向けフロッピーディスクマガジン 電脳倶楽部、Vol.62 (1993年7月号) にも採録されました。

1.3 EVAアニメータ

1998年11月、アニメーション作成ソフト「EVAアニメータ」が発売されます。このソフトは 9VAe と同じ原理で作られています。ノートパソコンメビウスに搭載されました。

EVAアニメータ作品はいくつかのユーザーのサイトで公開されました。その一部は、「Webアニメコンテスト」 2003年 など初期の応募作品の中で見ることができます。

そして、後で述べる「キジEVA」が作られます。

1.4 Flash 黄金時代のあと消滅

Flashは 1996年に Macromedia社から発売された2次元ベクトルアニメーションソフトです。その後、この分野は、Flash の独り勝ちとなり「Flash黄金時代」 と呼ばれます。Macromedia以外の陣営は、Flashに対抗して SVGという標準規格を作ります。ところが、Flashには全く歯が立たず、SVG派の中心だった Adobe社は Macromedia社を買収します。これで、世界はFlashで統一されると思ったところ、Appleのスティーブジョブズが iPhoneではFlashを採用しない と宣言し、その後 Android でも不採用になり、結局消えることになります。独り勝ちしていた Flash が突然使えなくなったため、2次元アニメーションは何を使ったらよいかわからない状態になります。代替えの標準規格 HTML5 や SVG は Flash の完成度に比べると貧弱で、Webサイト開発者が苦労することになり、Flashより古くて性能が低い GIFアニメが復活します。
Flashの歴史について参考、Flash終了までの20年華麗なるWEBアニメーション史Adobe vs Apple

2.絵や音楽とアニメーションの違い

2.1 アニメーションが見るだけなのはなぜか

絵や音楽とアニメーションの違いについて考えてみました。
000a.gif

  • 絵は子供のときから描きます。音楽も歌を歌い自分で演奏します。大人になっても趣味で続ける人がいて、一部の人がプロに進みます。

  • アニメーションはそうではありません。子供から大人まで見るだけで、自分で作る人はほとんどいません。突然プロが生まれます。不思議だと思いませんか。

考えられる理由は2つ

  1. アニメーションを作るのは手間がかかる。
  2. 印刷が中心の社会ではアニメーションを作る必要がない。

2.2 これからのアニメーション

今は、どちらも間違いです。

  1. コンピュータを使えば、誰でも簡単にアニメが作れます。ひとコマアニメーションは1枚絵をかくだけでアニメーションができます。
  2. 今はディスプレイの時代です。アニメーションを作らなくてよい理由はまったくありません。

そう考えると、アニメーションが、絵や音楽と同じようにならないのは不自然です。
今までのアニメ制作.gif

誰でも簡単にアニメが作れて、自分の役に立つことに気づけば、相当な人数がアニメーションを作るようになるはずです。

ところが、絵を描かなくてもアニメーションが作れるソフトは、プロ向けばかりで、初心者向けに開発されたフリーソフトは 9VAe しかありません。
参考:2D モーフィングが出来るソフトのまとめ

  • 9VAeを無料で提供するのは、アニメーションを絵や音楽と同じような状態にできたらすばらしいと思うからです。
  • 私も自分の漫画作品をアニメ化しました(こちら「実体TV」youtube)制作はとても楽しい作業でした。

3.9VAeきゅうべえは2次元アニメーションを記述する言語

3.1 9VAe と Flash の技術的な違い

9VAe と Flash はどちらもベクトルアニメーションですが、時間の扱いに大きな違いがあります。9VAeは時間情報もベクトルで記述してあり、フレームの概念がありません。Flash はフレームの概念があり、時間方向は細かくきざまれています。時間方向がベクトルではないのです。

文字フォントを拡大してもぎざぎざがでないことは、ご存知でしょうか。アウトラインフォントといって、文字の形がベクトル(座標)で記述されているからです。拡大してから線を引くのでなめらかになるのです。

9VAe と Flash の時間をゆっくり動かすと違いがわかります。9VAeは、ゆっくり動かしてもなめらかに変化します。Flash の形はフレームの数しかないため、飛び飛びに変化します。
時間を拡大してもなめらか.gif

  • 9VAeは、時間方向の点の動きをベクトル情報で持っています。この方が自然です。
  • そのため、時間方向に連続した図形を選んで、切り出したり、差し替えができます。
  • 9VAeは、2次元アニメーションを記述する図形言語だと言えます。
  • インターネットが発展したのは、ホームページを HTML言語で記述し、誰にでもそれが見えるようにしたことが大きいです。誰かが考えたサイトを他の人が見て自由にコピーし改造できたのです。アニメーションでも同じことができたらどうでしょう。9VAeで記述されたアニメーションは、他の人が作ったものを簡単に改造できます。インターネットと同じような爆発的な進化が起こるのではないでしょうか。

4.キジEVAはアニメーションのリミックス作品

キジEVA

「キジEVA」を紹介しましょう。2002年に複数のEVAアニメータユーザーの手で作られた一連のアニメーション作品群です。

経緯を紹介しますと、最初に、EVAユーザーのどらごんさんが「2002/4/27 朝、会社へ行く途中の交差点で信号待ちをしていたら キジが横断歩道を渡って行きました。これは実話です♪」と以下のアニメを公開しました。

000b.gif

そうすると他の人が、キジが子供をつれて横断するアニメや、田んぼの稲を抜いてまわるアニメを公開しました。
000d.gif

000c.gif

kiji11.gif

ある日、Komori さんが、キジにマシンガンを持たせました。

000e.gif
このアニメによって、キジが擬人化し、話がどんどん広がっていきます。

000f.gif

JUN-yyさん、写楽さん、kyamさんなどが参加し、各自のキャラクタが提供され、キジと組織の一大抗争劇が展開していきました。そして、最後はとらえられた仲間を救出しにいく映画のようなアニメーションが作られました。

000g2.gif

これは、アニメーションが修正容易な構造化された言語で記述された結果だとも考えられます。アニメーションが何回もリミックスされたのです。

アニメーションは一人で作るよりも、複数のメンバーでキャラクタを交換して作っていくほうが、はるかにおもしろいこと、それによって作られるアニメーションには、限界がないことを、キジEVAは示しています。

  • Komoriさんの アニメが パソコン版9VAeに同梱されています。
    孤島シリーズと指名手配シリーズが、9VAeの「example/komo_island」「example/komo_wanted」フォルダに採録されています。 ダウンロードはこちら

9VAeは保存フォーマットが EVA から SVG に変わりました。SVG は、16万点のイラストを公開している openclipartというサイトにそのまま投稿できます(*)。openclipart 上で、世界中の人と、アニメーションを交換し、新しい「キジ9VAe」を作ることができるでしょう。(*サイズ制限あり、一部SVGで再現できない機能もあります)

5. 9VAe は プレイフルな、リミックスできるソフト

6. 9VAeは商業利用自由なフリーソフト

アニメ制作が簡単で、役に立ち、みんなで作れば楽しいことを知れば相当な人数の人がアニメーションを作るようになると思います。今までアニメを作らなかった人たちが、どんなアニメを作るのか想像するだけで楽しいです。

こういう変化が起こるときには、ビジネスチャンスが必ずあります。アニメーションは、何を表現するか自由なので、あらゆるビジネス分野で、応用ができるでしょう。

現在の9VAeには、不満な部分もあるでしょう。マニュアルや、教材、講師、画面デザイン、素材、サーバー・・・そういった不足部分を好きなように追加してください。9VAeと違う名前をつけても結構です。

9VAeきゅうべえを利用したサービスを企業様に提案し、不足部分の開発を有償で請負うのもかまいません。企業様も、自社の事業分野にアニメーションを追加することができ、両者が利益をあげられるはずです。

9VAeの開発者、大和団次郎は、今後も個人で、9VAeのプログラムを改良し、多くの人に情報を無償で提供します。私が公開した情報やプログラムは、責任は一切負えませんが、自由に複製、改変、配布してかまいません。9VAeを活用して利益が得られたなら、それを実施した人が全部取得してください。アニメーションの世界を変えるには、それがよいと考えています。

今まで静止画だった部分が、アニメーションになれば、ほんの小さな変化でも、目新しく新鮮味があります。

プレゼンテーションを作る人は多いと思いますが、9VAeでイラストが簡単に動かせます。例えば地震に強い家をプレゼンするときに、家のイラストを使っているとします。この家が実際にゆれていると、与える印象を強くできます。9VAeなら家をゆらすことが簡単にできます。こんな小さなことから実施してみてください。


関連記事

9VAeきゅうべえ のご紹介

  1. 無料ソフトでアニメを作ってみよう(9VAe きゅうべえ)
  2. インストール方法
  3. スクラッチ、ビスケットの次は 9VAe=第3のプログラミング学習環境
  4. よくある質問
  5. 印刷用マニュアル

9VAeきゅうべえ 初級編

  1. 9VAe チュートリアル(1)ーページでタイムラインなし
  2. 9VAe チュートリアル(2)ー図形入力、選択、移動、サイズ変更
  3. 9VAe チュートリアル(3)ーアニメキャストを作る、時間調整
  4. 9VAe チュートリアル(4)ーアニメキャストの修正、往復
  5. 9VAe チュートリアル(5)ー動きグラフ、ページコピー、GIF作成
  6. 書き順アニメーションの作り方
  7. 9VAeきゅうべえ:長いアニメを作る方法

9VAeきゅうべえ 中級編

  1. アニメの作り方

9VAeきゅうべえ 上級編

  1. AviUtil と 9VAeきゅうべえを使った簡単アニメ動画作成
  2. 動くLINEスタンプのAPNG作成:無料ソフト9VAeきゅうべえ
  3. 萌えキャラ デジたんを目ぱちさせるまで:APNGアニメの作り方
  4. openclipartの無料イラストをアニメ化する6つの手順
  5. イラストから動くLINEスタンプのようなアニメを簡単に作る方法
  6. 青少年のための科学の祭典で行った100名の連作アニメの作り方
  7. フリーソフト9VAeきゅうべえで簡単デジタルサイネージ
  8. Openclipart の 無料SVG をアニメにするテクニック
  9. 無料アニメソフト9VAeきゅうべえの裏技集

9VAeきゅうべえ サンプル作品

  1. 9VAeきゅうべえ」で絵を描かずに作れるGIFアニメ
  2. 9VAeきゅうべえで作成したSVGアニメーション

9VAeきゅうべえ 技術資料

  1. アニメソフト 9VAe をカスタマイズする方法
  2. イラストレータのデータを 9VAe(きゅうべえ)に変換する方法
  3. 9VAeをキッズプラザ大阪向けに改造する
  4. 9VAeきゅうべえにテクスチャを追加する
  5. 9VAe / 9svg データフォーマット解説
  6. ワコム筆圧ペンで太さが変わる線をひくアルゴリズム

ラズベリーパイ・Linux 資料

  1. Raspberry Pi 設定メモ、ワコムペンタブレットのつなぎ方
  2. ラズベリーパイを使ったWiFiローカルサーバーの作り方
  3. Raspberry Piとペンタブレットで毛筆描画アプリを作る
  4. Xtra-PCを日本語化して使ってみた
  5. OpenCV と Python を使ったアニメーション動画用紙のスキャン画像位置合わせ
20
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
danjiro
ソフトウェアエンジニア、9VAeエバンジェリスト、フリーソフト9VAeきゅうべえ / PEAS motch! / 1コマアニメーション / アニメ制作ワークショップ開発者、親子アニメ教室講師

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
20
Help us understand the problem. What is going on with this article?