今回は、数日前にあほげー第42回にエントリーした、無料で軽快な 2D / 3D ゲームエンジン「 Godot Engine 4 」で作成したミニゲーム「川沿いホテルゴルフ」の中で用いた、マウス左ボタンを押していると縦幅が高くなっていくパワーゲージの作り方の後半としてパワーゲージ画像の伸縮する起点を中心ではなく下に変更して、上下ではなく上方向にだけ画像が伸びるように設定します。
#GodotEngine を勉強し始めて1カ月程度なので、もっと、適切な方法がある可能性が高いです。
![ahoge#42参加作品「川沿いホテルゴルフ」SS1](https://compota-soft.work/wp1/wp-content/uploads/2023/11/ahoge42参加作品「川沿いホテルゴルフ」SS1.png)
![ahoge#42参加作品「川沿いホテルゴルフ」SS2](https://compota-soft.work/wp1/wp-content/uploads/2023/11/ahoge42参加作品「川沿いホテルゴルフ」SS2.png)
![ahoge#42参加作品「川沿いホテルゴルフ」SS3](https://compota-soft.work/wp1/wp-content/uploads/2023/11/ahoge42参加作品「川沿いホテルゴルフ」SS3.png)
![ahoge#42参加作品「川沿いホテルゴルフ」SS4](https://compota-soft.work/wp1/wp-content/uploads/2023/11/ahoge42参加作品「川沿いホテルゴルフ」SS4.png)
※ Godot Engine v4.1.2 (.NET 版ではありません) を使用しています。
前回の記事
前回は、パワーゲージ画像をシーンに配置してマウス左ボタンが押されていると縦方向の拡大率が変化するスクリプトを作成して割り当てました。
回転ピボットの位置の変更
先ほど、パワーゲージ画像を縦方向に拡大した際に、真ん中を起点に上下に伸びたのは、回転ピボットが中心にあったためです。
回転ピボットを変更するツールを選択して、下側にピボット位置を変更します。
![GodotEngine4 回転ピボットを変更するツールを選択します.回転ピボットは既定では中心にあります](https://compota-soft.work/wp1/wp-content/uploads/2024/01/GodotEngine4-回転ピボットを変更するツールを選択します.回転ピボットは既定では中心にあります-1024x516.png)
2D エディタ上部のツールボタン群から回転ピボットの位置を変更するツールを選択した状態で、クリックするとその位置に回転ピボットの位置を変更できます。
インスペクタードックの Sprite2D クラスの Offset プロパティでも回転ピボットの位置を変更できます。
![GodotEngine4 回転ピボットの位置を下に変更します.Offsetプロパティも連動します](https://compota-soft.work/wp1/wp-content/uploads/2024/01/GodotEngine4-回転ピボットの位置を下に変更します.Offsetプロパティも連動します-1024x516.png)
テスト
「現在のシーンを実行(F6)」でデバッグ実行すると、今度は下側を起点をとして上側にだけパワーゲージ画像が伸びました。
![GodotEngine4 回転ピボットの位置を下に変更してscale.yを増やすと上方向にだけ画像が伸びました.](https://compota-soft.work/wp1/wp-content/uploads/2024/01/GodotEngine4-回転ピボットの位置を下に変更してscale.yを増やすと上方向にだけ画像が伸びました-1024x516.png)
以下は、回転ピボットの位置を変更してデバッグ実行した手順をまとめた動画です。
まとめ
今回は、数日前にあほげー第42回にエントリーした、無料で軽快な 2D / 3D ゲームエンジン「 Godot Engine 4 」で作成したミニゲーム「川沿いホテルゴルフ」の中で用いた、マウス左ボタンを押していると縦幅が高くなっていくパワーゲージの作り方の後半としてパワーゲージ画像の伸縮する起点を中心ではなく下に変更して、上下ではなく上方向にだけ画像が伸びるように設定しました。
これでマウス左ボタンを押していると伸び続け、上限を超えると小さい状態に戻るパワーゲージができました。
参照サイト Thank You!
- Godot Engine – Free and open source 2D and 3D game engine
- プロジェクトの設定 — Godot Engine (4.x)の日本語のドキュメント
- あほげー | TOPページ
- Draw Freely | Inkscape
記事一覧 → Compota-Soft-Press
コメント