Godot Engine でゲームを作ろう！リーダブルノードのススメ

2024年9月22日に開催された、「ゲームジャム高梁2024 事前勉強会」で発表したスライドです。

イベント詳細 : https://hirouni.connpass.com/event/326500/
ゲームジャム高梁公式サイト : https://gjtakahashi.okayamaunity.com

Transcript

1. でゲームを作ろう！ リーダブルノードのススメ 広島Unity勉強会 ナカオクタカヒロ 1
2. ナカオク タカヒロ Follow me! Github/FB @kamera25 X(旧Twitter) @csc_kamera25 仕事 : ネットワークSE@広島 好きなゲーム : ゼルダの伝説 2
3. 3 https://unityroom.com/users/kamera25
7. 7 引用 : https://gamefromscratch.com/game-engine-popularity-in-2024/
8. 8 引用 : https://x.com/gamemakerstk/status/1826184926393491689
9. 9 特徴は？
10. 10 Godotの特徴 ・完全オープンソース のゲームエンジン 　MITライセンスを採用 ・マルチプラットフォーム (エディタおよび出力が可能) 　Windows/mac/Linux/Android/Web… ・独自&最適化された開発言語 - GDScript
11. 11 https://www.youtube.com/watch?v=j9aZkNt6G48
12. でゲームを作ろう！ リーダブルノードのススメ 広島Unity勉強会 ナカオクタカヒロ 12
13. でゲームを作ろう！ リーダブルノードのススメ 広島Unity勉強会 ナカオクタカヒロ 13 リーダブルノードとは？
14. 14 疎結合 & ふるまいが具体的な ノード(+スクリプト)のこと
15. 15 疎結合 & ふるまいが具体的な ノード(+スクリプト)のこと 誰にとってメリットがある？
16. 16 自分自身 チームメンバー AI あなた自身 半年後の自分は赤の他人 ゲームを一緒につくるメンバー ゲームジャムの即席チーム含む ChatGPT や GitHub Copilot Garbage In, Garbage Outを防ぐ
17. 17 最もメリットを受ける人は？
18. 18 最もメリットを受ける人は？ ゲームを遊んでくれる人 早いイテレーション と 継続的な改善 の下地を作り いち早く面白いゲーム を届ける
20. 20 Question!
21. 21 https://github.com/kamera25/godot-rotating-slash
22. Q.以下の仕様を ノード でどのように構成する？ プレイヤーにはHPがあり、数値は0〜3 敵はプレイヤーを攻撃し、ダメージを与える HPは画面左上に❤で表示 HPが0になると、ゲームオーバー ふむふむ。この構成なら …！
23. 23 よくあるパターン 1. HPなら俺に任せろ！ HPマネージャーノード を作る hit_player _by_enemy() 2. 敵に当たったら プレイヤーがHPマネージャーの関数を呼ぶ HPManagerNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 ❤画像ノード 色々な関数()
24. 24 ある日のこと はいこれ、新しい仕様書 。 HP周りの処理色々追加になってるから。 これなら、簡単に実装 できますよ
25. HPGodManagerNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 HPが減った時に、攻撃力を上げる処理 +新機能 状態異常を受けた時 ❤の色を変える処理 HPが減った時に、音を鳴らす処理 急にオンラインゲームになったので HPを他プレイヤーと共有する処理 HPに応じてプレイヤーの動きを 変える処理 HPが減った時に、攻撃力を上げる処理 ゲーム難易度から HPのMAX値を変更する処理 これで、ヨシ！
27. 27 何がマズイ？ なんでもかんでも HPManagerNodeに処理を書いた HPManagerNodeが ネ申ノード となってしまった 誰にも触れないノードになってしまった カ ミ
28. 2 28 1 シグナル を 活用&多用 する ノードが すべきこと を意識する ☝改善ポイント
29. 2 29 1 シグナル を 活用&多用 する ノードが すべきこと を意識する ☝改善ポイント
30. 30 シグナルとは ある イベント が発生した時に、登録先に通知されるもの イ ベ ン ト マウス や キーボード を クリックした 時 当たり判定に 衝突した 時 タイマーが 残り60秒となった 時 HPが 0になった 時
31. 31 シグナルとは ある イベント が発生した時に、登録先に通知されるもの イ ベ ン ト マウス や キーボード を クリックした 時 当たり判定に 衝突した 時 タイマーが 残り60秒となった 時 HPが 0になった 時 ゲームは イベント の カタマリ である
33. 33 通知 area_enterd シグナル ノード1 処理1 ノード2 処理1 ノード3 処理1 処理2 シグナルの流れ 発火！
34. 34 通知 area_enterd シグナル ノード1 処理1 ノード2 処理1 ノード3 処理1 処理2 シグナルの流れ 発火！ バッドパターンを直していきましょう。
35. 35 バッドパターンを直そう hit_player _by_enemy() HPManagerNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 ❤画像ノード 色々な関数()
36. 2 36 1 シグナル を 活用&多用 する ノードが すべきこと を意識する 改善ポイント ☝
37. 37 バッドパターンを直そう 上位のノードには シグナル で伝えよう プレイヤーノードに親ノードの 存在を忘れさせよう 見直しポイント ☝
38. バッドパターンを直そう 敵に当たった時 シグナル を発火させる
39. HPManagerNode バッドパターンを直そう HPの減らす処理 Playerからのシグナルを 受信する処理 開始時点で HPManagerNode が プレイヤーの シグナル を受信準備をする
40. 40 改善されたパターン HPManagerNode HPの減らす処理 Playerからのシグナルを 受信する処理 hitシグナル ①hitシグナルに通知登録 PlayerNode 開始直後 敵と当たった時
41. 41 PlayerNode 改善されたパターン HPManagerNode HPの減らす処理 Playerからのシグナルを 受信する処理 hitシグナル ②発火！ 開始直後 敵と当たった時 ④ 実行！ ③通知
42. 42 知らないこと は 良いこと PlayerNode HPManagerNode hitシグナル 知ってる HPManagerNode 知ってる 知ってる 敵に当たったら hit_player_by_enemy() を呼び出す処理 前 後 ☝ 知らない PlayerNode
43. 43 知らないこと は 良いこと PlayerNode HPManagerNode hitシグナル 知ってる HPManagerNode 知ってる 知ってる 敵に当たったら hit_player_by_enemy() を呼び出す処理 前 後 ☝ 知らない PlayerNode 必要以上 に 関係 を持たないこと！
44. 44 疎結合 & ふるまいが具体的な ノード(+スクリプト)のこと
45. もう一つの問題と戦おう。
46. 46 HPManagerNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 ネ申ノード を討伐しなければならない カ ミ
47. 47 HPManagerNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 ネ申ノード を討伐しなければならない G◦d Eater 開始です
48. 2 48 1 シグナル を 活用&多用 する ノードが すべきこと を意識する ☝改善ポイント ☝
49. 49 HPManagerNode って具体的に何をやるの？ HPの新規処理を追加したいけど、どこを修正すれば良いの？ 変更したら、◦◦の機能が動かなくなっちゃった。 問題点
50. 50 HPManagerNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 HP HP変数を使いたいため、色々な機能が集まる
51. 51 HP変数を使いたいため、色々な機能が集まる 解 決 方 針 HPManagerNodeを ふるまいごと に分解する ふるまいには 具体的な名前 をつける HPノードとは シグナル でやりとり
52. 52 HP変数を使いたいため、色々な機能が集まる 解 決 方 針 HPManagerNodeを ふるまいごと に分解する ふるまいには 具体的な名前 をつける HPノードとは シグナル でやりとり ふるまい = Behavior
53. 53 HPManagerNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 HP変数 ふるまい ごとに分解しよう
54. 54 HPManagerNode2 ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 HP HPを増減させる関数 HPManagerNode1 HPManagerNode3 HPManagerNode4 HPManagerNode5 ❤画像ノード ふるまい ごとに分解してみた
55. 55 HP変数を使いたいため、色々な機能が集まる 解 決 方 針 HPManagerNodeを ふるまいごと に分解する ふるまいには 具体的な名前 をつける HPノードとは シグナル でやりとり
56. 56 HPNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 HP HPを増減させる関数 GameOverHandler DamageReciver HealthRestorer HPIconPresenter ❤画像ノード ふるまいに 適切な名前 をつけよう
58. 58 HP変数を使いたいため、色々な機能が集まる 解 決 方 針 HPManagerNodeを ふるまいごと に分解する ふるまいには 具体的な名前 をつける HPノードとは シグナル でやりとり
59. 59 HPNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 HP HPを増減させる関数 GameOverHandler DamageReceiver HealthRestorer HPIconPresenter ❤画像ノード 分解したのはいいけど HP変数へのアクセス どうするの？ ☝
60. 60 HPNode ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 HP HPを増減させる関数 GameOverHandler DamageReceiver HealthRestorer HPIconPresenter ❤画像ノード 分解したのはいいけど HP変数へのアクセス どうするの？ ☝ 本当に HP変数 へのアクセスが必要なのか？
61. HP値自体を持つノード HP値自体を操作する必要がある HP値が変更された事が分かれば良い 61 ゲームオーバーの処理 HPの減らす処理 HPが0になった時の処理 HPを回復させる処理 ❤を表示させる処理 GameOverHandler DamageReceiver HealthRestorer HeartUIPresenter HPNode HP HPを増減させる関数 シグナル を使おう 継承して 関数呼び出し を使おう ※時間が無いため、ここでは説明割愛
62. HP値自体を持つノード 62 HPNode HP HPを増減させる関数 　HP変更 　シグナル シグナル は 引数(値) も送る事ができる ☝
63. HP値自体を持つノード HP値が変更された事が分かれば良い 63 ゲームオーバーの処理 HPが0になった時の処理 ❤を表示させる処理 GameOverHandler HPIconPresenter HPNode HP HPを増減させる関数 　HP変更 　シグナル 登録 登録 開始直後 HPが変更された時
64. HP値自体を持つノード HP値が変更された事が分かれば良い 64 ゲームオーバーの処理 HPが0になった時の処理 ❤を表示させる処理 GameOverHandler HPIconPresenter HPNode HP HPを増減させる関数 　HP変更 　シグナル 通知 通知 ☝ HP 変更！ 開始直後 HPが変更された時
65. 65 前 後 HPManagerNode ゲームオーバーの処理 HPが0になった時の処理 HP変数 ゲームオーバーの処理 HPが0になった時の処理 GameOverHandler HPNode HP HPを増減させる関数 　HP変更 　シグナル 知ってる 知らない
66. 66 疎結合 & ふるまいが具体的 な ノード(+スクリプト)のこと
67. 67 まとめ
68. 2 68 1 シグナル を 活用&多用 する ノードが すべきこと を意識する ☝改善ポイント
69. 69 シグナルとは ある イベント が発生した時に、登録先に通知されるもの イ ベ ン ト マウス や キーボード を クリックした 時 当たり判定に 衝突した 時 タイマーが 残り60秒となった 時 HPが 0になった 時
70. 70 疎結合 & ふるまいが具体的な ノード(+スクリプト)のこと
71. 71 https://github.com/kamera25/godot-rotating-slash
72. 72 ゲームジャム高梁で Made With Godotのゲームを作りませんか！？ カ ミ
73. 73 参考資料 • 良いコード悪いコードで学ぶ設計入門 - 仙塲 大也 • CODING THE ENTITY-COMPONENT PATTERN IN GODOT - GDQuest https://www.gdquest.com/tutorial/godot/design-patterns/entity-component-pattern/ • Godotの設計哲学 - Godot Doc https://docs.godotengine.org/ja/4.x/getting_started/introduction/godot_design_philosophy.html • ぴぽや倉庫 https://pipoya.net/