# チュートリアル: Godotモードグラフィックコース#2 2Dボーンキャラクター

**URL:** <https://guild.rpgmakerofficial.com/t/topic/43>\
**Category:** チュートリアル\
**Tags:** 日本語, tutorial\
**Created:** [2025 年 5 月 27 日午前 7:34 UTC](https://guild.rpgmakerofficial.com/t/topic/43 "2025-05-27T07:34:49Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![GGG-Administrator](https://sea2.discourse-cdn.com/flex002/user_avatar/guild.rpgmakerofficial.com/ggg-administrator/32/6_2.png) [@GGG-Administrator](https://guild.rpgmakerofficial.com/u/GGG-Administrator)\
**Post date:** [2025 年 5 月 27 日午後 12:34 UTC](https://guild.rpgmakerofficial.com/t/topic/43/3 "2025-05-27T12:34:00Z")

</div>

## STEP2: アニメーションを追加してみよう。

1. シーンウィンドウでAnimationPlayerを選択してください。下部のパネルがAnimationに切り替わります。
2. Animationパネル左上の ▶ を押してみてください。キャラクターがわずかに動くはずです。これは、001\_Idleというアニメを再生しています。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/2d50a0a0d0fa868f04ddae46fa0efcdb50d18acd.png)
3. 001\_Idleとなっている部分をクリックしてみてください。47種類のアニメーションが登録されていますので好きなものを再生してみましょう。白と黄色のボーンの動きに応じてキャラクターが動いていることがわかるはずです。このボーンの動きは、下部のトラックというもので制御されています。
4. 新しいアニメーションを作ってみましょう。パネル上部のAnimationをクリックして、Newを選択します。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/8d8a5c716e3dc99e33e9aa3abf001cc5920b1292.png)
5. 新しいアニメーションを作成するウィンドウがでるので、名前をつけてOKを押しましょう。 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/7885e7fc21206ca47fd646452c148883c768b7aa.png)
6. アニメーションが追加されましたが、まっさらな状態でトラックには何もありませんのでトラックを追加しましょう。BoneAnimationRoot2D\>Skeletonの子にある、B\_HipからB\_Chainまでの全てのBone2Dノードを選択します。そして、上部のツールバーにある🔑マーク(Insert Key)ボタンをクリックしましょう。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/2bf63994b506f32c357ea41d648e1608c9d46f79.png)
7. 42個の新しいトラックを作成しますか？という選択肢がでるのでそのまま、作成を選択します。これで新しいアニメーションにトラックが追加されました。この42個のトラックは、21個のボーンノードそれぞれの位置と回転を制御するようになっています。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/fa7312b2baa088b704c55eff5ec1b26a72a50d8f.png)
8. トラックをいじっていきましょう。青い縦棒は現在の再生地点を示しています。0秒地点にあるはずなので、真ん中あたり、0.6秒地点あたりまでドラッグしましょう。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/5620bc7587a0b7b0e9f951058186081d9963148f.png)
9. 簡単な動きをつけてみましょう、シーンウィンドウでB\_Arm\_Rを選択してください。このノードは右腕の上腕の骨を示しています。
10. インスペクターウィンドウで、Node2D\>TransformのRotationを変更してみてください。右腕の角度がかわり、ぐるぐると回るはずです。 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/be467533634040ecd6a115bd785977aa7f889892.png)
11. 好きな角度を決めたら、再び上部の🔑マークを押してください。一見何も起きていないように見えますが、今の回転の値が0.6秒地点に保存されています。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/eb950711127961a703e544f3934a88cf0574c388.png)
12. 再生ボタンを押してみてください。キャラクターの腕が初期位置から、ゆっくりとキーを挿入した角度まで動くはずです。初期位置から指定位置までの間の動きは自動で補間されます。人形遊びのようにポーズを作り、キーを挿入すればアニメーションになる・・・というわけです。

グラフィックコースの続きはこちら！

> [@チュートリアル: グラフィックコース#3 2Dスプライトキャラクター](https://guild.rpgmakerofficial.com/t/topic/44):
>
> このコースでは、2Dスプライトキャラクターを新たに作るコースです。 2Dスプライトアニメーションの基本的な操作を学ぶことができます。 このコースでも、最初のチュートリアルで使用したチュートリアルプロジェクトを利用します。 まずはプロジェクトを開いて準備してください。

## 解説

**アニメーションの長さとループ**  
アニメーションの長さは右上の🕰マークで変更できます。  
その横にあるものはループ機能です。一度クリックでループ再生、再度クリックで折り返し再生、再度クリックでループ無しと切り替わります。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/4cb607ed58efad5fa010eee9a13d7ca2f335d2e1.png)

**追加したアニメーションをヴィジュアルスクリプトで使う**  
ヴィジュアルスクリプトで使うためには、GameObjectノードのアニメーションセットに登録する必要があります。

1. シーンウィンドウでPlayerを選択してください。
2. インスペクターのアニメーション一括登録ボタンを押してください。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/508dec3ee5e7e969374cac2225bbe4293a278030.png)
3. これでアニメーションセットに登録され、ヴィジュアルスクリプトで利用できるようになります。\>アニメーションセットを展開することでどのようなアニメが登録されているか確認することもできます。  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/rpgmaker_community/original/1X/a219aa9624c4eb36f51ad3d4333eaeb65dbbad2f.png)

**2Dボーンアニメーションの拡張**  
このチュートリアルでは、最も基礎的な操作だけを説明しています。GodotのAnimationPlayerは非常に高性能で、IK機能等2Dボーンアニメーションを扱う上で便利な機能が沢山あります。より詳しくは以下のGodot公式ドキュメントをご確認ください。

> **[カットアウトアニメーション](https://docs.godotengine.org/ja/4.x/tutorials/animation/cutout_animation.html)**
>
> それは何ですか？: カットアウトアニメーション は ストップモーションアニメーション の一種で、紙片(または他の薄い素材)を特殊な形状にカットし、キャラクターやオブジェクトを2次元に配置します。キャラクターの体は通常、いくつかのピースで構成されています。このピースは、フィルムの各フレームごとに配置され、撮影されます。アニメーターは、各ショット間でパーツを少しずつ移動および回転させて、イメージ...

---

_[View the full topic](https://guild.rpgmakerofficial.com/t/topic/43)._