Godotのボーンアニメーションを試してみたいんだよ！！【Godot 4.7】
Godotのボーンアニメーションを試してみたい！！ただそれだけの記事です
コミュニティ内で共有されていたこの動画を見て、なんか(まだ全然理解しきれていないのだけど)すげ～～ってなったのでもう一度頑張ってみたいという感じ
以前も頑張ったけど・・・
・・・ま、以前も半分だけ試してみたことがあるのですが、投げだしたんですよねぇ・・・お絵描き最近したものがあるのでまた改めてやってみようかとといった感じ・・・
(なんか腕とか足が吹っ飛んだりしまくってわけわからね～～となって諦めた記憶・・・まずは簡単なところから一つ一つとりあえずでやってみることが大切なのだと思ったりなのですよ・・・)
と思いながら今開きなおしてみたのだけど、スプライトの分割とかがあれなのだけど・・・結構頑張って作ろうとしていたみたいだ・・・偉い！！
作ってみる
https://docs.godotengine.org/en/stable/tutorials/animation/index.html
一応基本はこのドキュメントを読んでから進めていきました。
お絵描き
(最近またさぼり気味なのだけど・・・)
毎朝お題に沿ってキャラを描いてみよう～の中で描いたこのキャラクターをちょこっと動かすことを目的にしようと思っています。適当にレイヤー分けをしました。
↓この辺でちょっとやったやつだね
https://www.forrexlapis.win/posts/2026/10/clipstudiopaint-vector-parted-after/
Godotに取り込む
Png形式でパーツごとに書き出して、Godotに取り込みました。なんとなーくこんな感じかなぁ・・・でボーンとかの対応付けをしたりしてみました。
(透けて表示あったんだ・・・)パーツごとにpngに分割したものを取り込んだのですが、shift + alt を押しながらウィンドウに落とすとどのノードとして？取り込むか選択できるのでここでPolygon2Dとして取り込むと便利そうでした。
何か方法はないのか・・？
ここの点を置いたり、ポリゴンを貼る？？の！！！何か良い方法ないのでしょうか！？！？！
- 点を置き間違えたりしたときにCtrl + Zで戻せないっぽい・・・？のどうにかならないだろうか
- 間違えてポリゴンを生成のツールを選択した状態で点を打ってしまうと、それまで打っていた点が全部消えるの辛いのだけどどうにかならないだろうか・・・(内部頂点を作ろうしてクリックしたのに全部消えて絶望みたいな・・・)
-
- ポリゴン貼るの？はいちいち手で選んで一つずつ繋いでいくしかないのだろうか・・・？
-
- なんかlive2dで似たようなことをやったときには勝手に結ばれていたからさぁ・・・なんか無いのかなぁ・・・みたいなね
-
ボーンと対応付けまではしているので、ボーンを動かしてみて、あとはAnimationPlayerにいい感じに設定するだけだね。
前髪用のボーンを回転させて、キーを打ち込んでっていう感じでアニメーションをさせていくわけだね・・・
(そしてなるほど・・・横髪をちゃんと描いておかないとはげになるわけだね・・・っていうか頭のパーツ自体に髪をある程度描きこんでおくっていうのもありなのかもね・・・学びました
横髪をアニメーションさせるときに若干位置をずらして隠したら良いかなぁ～・・・って思ったけど、なんか違和感過ぎる・・・
ま、急に髪が根元から上にずれているわけだから違和感もそりゃあるだろう；；
素直に内側の髪を想定して描いたパーツを追加して、それで隠すことにしました。(もしかすると最初からパーツ分けするときに追加しておいても良いパーツかもね。)
せっかくなので動画で紹介されていたように目パチもしたいなぁと思って目の差分を作成してみました。(AnimationTreeっていうのを使ってみることもできるし！)
ちなみにというか・・・AnimatedSprite2Dに画像を指定して上げたときに目が表示される位置が既に配置されているパーツの位置とずれていましたが、Centerdのチェックを外すことで意図した位置に表示されるようになりました。(座標の基準みたいのが違うってことかな？)
とりあえずできた～
ということでひとまず完成(？)っていう感じかなぁ～
動くの・・・嬉しい！！
横髪がふわっ・・・って感じにできたのが特に嬉しいかも
「呼吸の感じ(拡大縮小)入れたいけどどんなふうにしたらよいんだろう・・・」⇒「あ、呼吸用のボーンを作ってそれに胸の当たりだけウェイトつけてサイズを変えたらいけるのでは？」みたいな感じでボーンに関する理解度がむかーーーーしと比べてわかってきた気がするね！
まあ、個人的に特に気になる点としては・・・
- 横髪とか曲げたときに線画がぐにゃぁ～って曲がりすぎているように感じる・・・これってどうにかできないのだろうか？メッシュ割りなのか別のところを工夫する必要があるのか・・・わからなない・・・←特に気になる
- ランタンとかゆらゆらさせようと思ったけど完全にパーツ分けミスって意味が分からないことになっている
- アニメーションのベストプラクティス的なのって知らないだけで色々あるんだろうな～～～知りて～～～
- (横髪の後ろめちゃくちゃ塗り忘れている～～バレるな～～～)
という感じですね！
ちなみにというか・・・「AnimationTreeって何！？！？説明読んでも全く意味が分からん」となっていたのですが、↓の動画がかなりわかりやすかったです。
AnimationPlayerでは一つのアニメーションしかさせることができないけど、AnimationTreeを使ってあげると合成したりいい感じにできるんだぁ～！ってことはわかりました(ステートマシンとか入れ子構造マトリョーシカみたいになったりしているのはよくわからなかったですが・・・)
コメント
Fediverseの投稿がコメントとして表示されます！ Fediverseで返信する 返信がコメントとして表示されます！