ムーぶろ

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

spine サイコロを回す(1)

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

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

 

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


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

f:id:officemove:20170908170015g:plain

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

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

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

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使いやすいですね


続きを読む

spine布のはためきアニメ

今回は布がはためくアニメ制作しました。

f:id:officemove:20170525152639g:plain

ボーンやメッシュなど、構成はYouTubeで!



布の端にボーンを入れて、
ウエイト調整で動かしているのですが
一番手前の波部分はメッシュのみで流れを表現しました。

やり方次第ではもっと自然に動かせると思うので
随時やり方をいろいろ試していきたいと思います。


spine忍者アニメ

上の記事で使用したアニメーションの
ボーン、メッシュの様子が見れる動画UPしました!

www.youtube.com

今は画面キャプチャソフトで録画しています。
spineにも、動画書き出しは一応あるんですが上手くいかない…

spine妖精さんアニメ

 妖精さんアニメ制作しました!

youtu.be

 

今回使用した絵はこちら。↓

続きを読む