Godot4 AnimatableBody2D で動く地形の作成例2/3

無料・軽快な 2D / 3D 用のゲームエンジン Godot Engine 4 で、AnimatableBody2D ノードなどを使って「動く地形」を作成する例を紹介します。

Godot4 AnimationPlayer で位置をアニメーションさせてポリゴンが移動しました。

パート2では、アニメーションによって position プロパティを変化させて、「動く地形」トップノードを左右に動かすためのキーの設定と、アニメーションの時間設定、ループ設定を紹介します。

※ GodotEngine 4.3 を使用しています。.NET 版ではありません。
※紹介するスクリプトは自己責任でお使いください。

前回の記事

前回のパート1では、動く地形を作るノード群を追加して、ポリゴンの地形を作成して、アニメーションで変化させる position プロパティトラックを追加しました。

アニメーション時間の設定

前回作成した AnimationPlayer ノードの move アニメーションの時間を設定します。

時間の設定は、 AnimationPlayer ノードをシーンドックで選択して、下パネル「アニメーション」の右上の時計アイコンの「アニメーションの長さ(秒)」の隣のテキストボックスに秒数を指定します。

例では 6 秒のアニメーションにするため 6 と入力しました。
そうすると、アニメーションの時間の経過を表す(空白)~5までの枠が灰色の背景色に変化しました。

Godot4 動く地形のAnimationPlayerのアニメーション時間の設定.

アニメーションの最初と折り返しと最後にキーを挿入

キーを挿入すると、挿入した時間位置に、そのときのトラックの情報が記録されます。

例では「動く地形」トップノードの位置を表す MovingTerrain.position プロパティの値が記録されます。
「動く地形」は最初、左側にあって、右側に移動してから折り返して、最初の位置に戻ることを繰り返します。

追加したい時間位置にあわせるには、下図の左上のテキストボックスで指定するか、秒数のかかれた枠内をマウスドラッグして縦線を移動させます。
時間位置を合わせた後は、追加したいトラックと交差している部分右クリックして表示されるメニュー「キーを挿入」を選択します。

Godot4 動く地形のAnimationPlayerで動く地形のトップノードの位置の移動アニメーションの設定1.

これで、上図の場合は0秒地点の position プロパティトラックにキーを挿入できました。
これにより、「動く地形」の0秒地点での位置は、上図のシーンの紫色のポリゴンが表示される場所に決まりました。
※厳密には、紫色の四角形の位置ではなく、その上位の MovingTerrain ノードの位置なので、(0, 0) を記録します。

同様に、アニメーションの最後のフレームの6秒地点にも、「動く地形」トップノードは最初と同じ位置で、キーを挿入します。

Godot4 動く地形のAnimationPlayerで動く地形のトップノードの位置の移動アニメーションの設定2.

次に中間の3秒地点を選択して、ここは折り返し地点の位置を記録させます。
「動く地形」トップノードを右側に動かしてから、3秒地点でキーを挿入します。

これで、「0秒:側、3秒:側、6秒:側」に「動く地形」トップノードが存在するように位置が変化して、左右に移動します。
※今回は、既定のイージングなので一定速度で移動しますが、キーを選択してインスペクターで速度の変化の仕方を変えられます

Godot4 動く地形のAnimationPlayerで動く地形のトップノードの位置の移動アニメーションの設定3.

ループの設定

アニメーションを繰り返す場合は、AnimationPlayer ノードをシーンドックで選択して、下パネル「アニメーション」の右上の「アニメーションループ」を有効にします。

Godot4 動く地形のAnimationPlayerのアニメーションのループの設定.

キーの時間位置の調整

キーの時間位置を修正したい場合は、キーの♦をマウスドラッグしてもよいですが、キー選択してからインスペクタードックの Time プロパティで直接、時間を入力すると簡単です。
速度の変化の仕方も Easing プロパティから変えられます。

Godot4 動く地形のAnimationPlayerのアニメーションのキーの時間位置の修正.

下パネル「アニメーション」の左上の再生ボタンを押すと、「動く地形」が左右に移動を繰り返すアニメーション再生されました。

Godot4 AnimationPlayer で位置をアニメーションさせてポリゴンが移動しました。

今回はここまで

今回は、無料・軽快な 2D / 3D 用のゲームエンジン Godot Engine 4 で、AnimatableBody2D ノードなどを使って「動く地形」を作成する例のパート2として、アニメーションによって position プロパティを変化させて、「動く地形」トップノードを左右に動かすためのキーの設定と、アニメーションの時間設定、ループ設定を紹介しました。

参照サイト Thank You!

記事一覧 → Compota-Soft-Press

コメント

Ads Blocker Image Powered by Code Help Pro

お願い - Ads Blocker Detected

このサイトは広告を掲載して運営しています。

ポップアップを閉じて閲覧できますが、よろしければ

このサイト内の広告を非表示にする拡張機能をオフにしていただけませんか?

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

タイトルとURLをコピーしました