LoginSignup
2
2

More than 5 years have passed since last update.

[小ネタ]Spineでの1回転アニメーション設定の仕方

Posted at

はじめに

小ネタです。ボーンを1回転させる際の正しいキーフレームの打ち方についてです。
なお、記事を書いて時点で使用しているSpineのバージョンはSpine2.1.27 Essentialです。

時計回り?反時計回り?

(例によって)Flashであれば右回転するのか、左回転するのか、回転は何回するのか、というのをプロパティパネルで設定するのですが、Spineでそのような入力欄がみあたりません。Spineではキーフレーム間の移動距離が少ない方向に回転する、という仕様のみ存在するようです。それではという事で、0度と180度と0度でキーフレームを打つ(=合間のキーフレームが1つ)と、左に半回転した後に右に半回転してアニメーションになってしまいます。

スクリーンショット 2015-10-17 16.21.04.png
合間のキーフレームが1つの場合、意図した1回転をせず、左右に半回転ずつ動く

正解は合間のキーフレームを2つ打つ

正しいキーフレームの打ち方は0度→120度→240度→0度と、120度刻みにキーフレームを打つ感じになります。どうも面倒なのですが、公式のチュートリアルビデオでもこのようにするように指示されていますので、これで正解です。

スクリーンショット 2015-10-17 16.45.25.png
この例では、face部のrotationが90度→210度→330度→90度と設定されている

終わりに

ちょっと面倒くさいですね。トゥイーンにカスタムで重みをつける場合など、余計なキーフレームがあるとやりずらいので、直して欲しいところではあります。

今回の動画 https://twitter.com/harayoki/status/655419018598158337
manmaru-animation_5.pngmanmaru-animation_15.pngmanmaru-animation_34.png

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2