Live2Dは凄いという「かえるさんのABCクッキー」アプリ開発の技術的な話

こんにちは。
先日私が製作したアプリ「かえるさんのABCクッキー」を遊んでいただけましたでしょうか?
まだ遊んでいない方はこちらからダウンロードできます。

ついでにサポートページも

かえるさんのABCクッキー
かえるさんが織りなすABCクッキー屋さんのアプリ もしかしたら英単語を学習できるかも

今回はちょっと技術的な話を。
かえるさんのABCクッキーにはLive2Dを使わせて頂きました。
イラストをぬるぬるアニメーションさせる技術です。
アメトーークの絵心ない芸人でも使われた実績がありますね。

例えば、このかえるちゃんのイラストが

かえるさん

かえるのイラスト

Live2Dでこんな感じ(gif出力です)

かえるさんgif

かえるさんgifアニメ


2016/04/08 一旦WebGLを削除
2016/04/09 さらに加筆修正(WebGLである程度動作することを確認)

私がアプリで使用したのはCocos2d-x版のLive2Dですが、Live2DにはWebGL版も用意されています。

WebGL版で動作させてみる

画面にタッチするとアクションします。あと、微妙に呼吸動作で動いているはずです。

※お使いのブラウザ、もしくはスマフォでは動作しない可能性があります。(その際はかえるさんが表示されません)

一度WebGL版を記事にしたはいいけど、自分のiPhoneで表示されなかったりで加筆したり削除したりあれこれしました。上のWebGL版も色々奥が深そうでまだまだ問題がありそうです。す。
ただ、このあたりの技術は非常に楽しそうなので勉強してみたいです。

ちなみに、また問題が見つかる可能性が大なので、将来この記事は消えて無くなっているかもしれません(笑


1枚のイラストからアニメーションがぬるぬる動く。技術的進歩というのは凄いですね。

ではでは。

スポンサーリンク
レクタングル(大)広告
レクタングル(大)広告

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
レクタングル(大)広告