ムーぶろ

株式会社オフィスムーブの雑記ブログです。2D アニメーション ソフト[spine]挑戦中。随時ご質問等、お気軽にください(^O^)

spine ディフォルメキャラアニメ待機編

今回はこのキャラを使って
アニメさせたいと思います。

 

f:id:officemove:20171020130957j:plain

 

 髪の毛やスカートなど、揺れものが多いキャラなので
その部分の構造を…


原理的には下の2つの記事と同じで、
ボーンにウェイトを仕込み動かしています。

spine アルパカ - ムーぶろ

spineはじめました4(ボーン、ウェイトアニメ編) - ムーぶろ

 

f:id:officemove:20171020130435g:plain f:id:officemove:20171020130501g:plain

spine サイコロを回す(1)

Spineでどこまで3Dのように動かせるのか?と思い
とりあえずサイコロ(キューブ)を回転させてみることに。

裏、表の2種類の絵を用意

 

f:id:officemove:20170908165401p:plainf:id:officemove:20170908165415p:plain


メッシュ打てばどうにかなるだろ!
と、とりあえずやってみろ精神の結果

f:id:officemove:20170908170015g:plain

ゆがんでいる…
遠近感を出すためにメッシュがよれている部分が丸わかりです。

よれる前にメッシュの調整はできるのですが、回転スピードを変えたりすると後々面倒。
メッシュだけで回転しようとこだわって、掛かった時間の割にそうでもない結果に。
回しきれていないのですが、やり方に限界を感じたので、一旦これはこれで置いておく。

引き続きやり方を変えてやっていこうと思います。
以下に続きます

officemove.hatenablog.com

 

spine[Split]でボーンを分割する

spineバージョン3.6.01で[Split]ボタン
Treeビューの下に追加されました。

f:id:officemove:20170825184331p:plain

 

ボーンを指定した数に分割する機能で
たとえば、このヒレのボーンを分割したいときは
ボーンを選択し[Split]ボタンを押します

f:id:officemove:20170825184536j:plain

↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

 

設定ウィンドウが出てきました!

f:id:officemove:20170825184603p:plain

数値は、分割したいボーン数に設定します。

Nestedにチェックを入れると
選択したボーンを親とし、入れ子状態で分割されます!

OKを押すと、分割されます。

f:id:officemove:20170825184545j:plain

 

spine 写真を3Dにする

今まで、イラストのみでアニメしていましたが
今回は写真を素材にアニメさせました。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓

f:id:officemove:20170810183124g:plain

素材は、私が以前飼ってたピンポンパールちゃんです!(左)

f:id:officemove:20170810180825j:plain

ビチビチ

f:id:officemove:20170810184416g:plain

 

 

続きを読む

spine spineとflash組み合わせ

スパインだけでの長尺アニメ物はなかなか使いにくいので
スパインでPNG画像を書き出し
FLASHで画像入れ子でアニメをつなげてみました。

f:id:officemove:20170607183842g:plain


spineはループ単体ものだといいんですけど
ほかのシーンとの組み合わせ安さは、FLASH使いやすいですね


続きを読む