2023-09-29に更新

まとめ記事 Godot のデモ・プロジェクトを見ていこうぜ(^~^)?

親の記事から来た

📖 Godot って何だぜ(^~^)?

はじめに

ramen-tabero-futsu2.png
「 👇 Godot (ゴドー)のデモ・プロジェクトは、以下のレポジトリ―に置かれているぜ」

📖 godotengine/godot-demo-projects

kifuwarabe-futsu.png
「 👇 Godot のポータルは 取っ散らかっていて 入り口にドアが100個ぐらいあり用事の無い部屋に入ってしまう という状況だが、
初級者向けのドキュメントは Learn に あるぜ」

📖 Godot Engine 4.2の日本語のドキュメント

ohkina-hiyoko-futsu2.png
「 結論言うと う~ん洋ゲー畑 よ。 あんたたちの思ってる JRPG とも 同ソ とも違うから
わたしたちは アウェーでマイナーよ。 端っこで 細々と やりなさい」

ramen-tabero-futsu2.png
「 インディーゲームを自称する人は好きそう。わたしは嫌い」

kifuwarabe-futsu.png
「 👇 2Dゲームの デモ・プロジェクトは いろいろ入っているが、どれから 見ていくんだぜ?」

202309_shogi_28-1947--ProjectManager.png

ohkina-hiyoko-futsu2.png
「 アルファベットの昇順で良くない?」

bullet_shower

学習の難しさの目安: 初級者の上の方

202309__godot__28-2005--BulletShower.png

ramen-tabero-futsu2.png
「 👆 画面右側から パーティクル(粒)(※実際はPNG画像)が ゆっくり左へ移動してくるから、
マウスポインターに追随する顔の絵を 粒に当たらないように 避けてあげましょう、という
一種の弾幕ゲームのようなものだぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 粒は PNG画像なんで、 bullet.png を大量に画面上にばら撒いたあと、
時間経過とともに 粒が左へ動く、という書き方を bullets.gd ファイル1つで覚えることができるぜ」

ohkina-hiyoko-futsu2.png
「 でも 初級者がソース見たら うわっ と思うわよ」

dodge_the_creeps

学習の難しさの目安: 強い初級者 卒業レベル

202309_godot_25-2033--dodge_the_creeps.png

ramen-tabero-futsu2.png
「 👆 音量がデカい。うるさい」

ohkina-hiyoko-futsu2.png
「 キーボードのカーソルキーの上下左右を使って、目玉の化け物を
気持ち悪い化け物に衝突しないように 逃がすゲームよ」

kifuwarabe-futsu.png
「 👇 このデモ・プロジェクトには ドキュメントがある。
2Dゲームの作り方を覚えるための 最初の課題という位置づけのようだぜ」

📖 Godot Engine 4.2の日本語のドキュメント

ramen-tabero-futsu2.png
「 本当の初級者は これでも難しい。 強い初級者向けだぜ。
部活で 気合が入ってるぐらいのやつが やるやつ」

finite_state_machine

学習の難しさの目安: 中級者 情報処理やるやつ必修

202309_godot_25-2052--finite-state-machine.png

ramen-tabero-futsu2.png
「 👆 有限オートマトンだぜ。 コンピューターを使う、あらゆる仕事で役に立つ」

ramen-tabero-futsu2.png
「 状態遷移図を知ってるやつが見ると ソース すいすい読めるが、
知らないやつが見ても ソース読めないだろうから、
初級者向けとは 言い難い……」

ohkina-hiyoko-futsu2.png
「 デモ・プログラムであって、レッスン用のプログラムじゃないのよ」

kifuwarabe-futsu.png
「 Godot のスキル習得用の 階段状にステップアップしていける チュートリアルが欲しかったのに……」

glow

学習の難しさの目安: 不明。マウスボタン押下でオブジェクトをずらしたい人向け。 ソースコードは短いが理解しがたい

202309_godot_25-2111--glow.png

ramen-tabero-futsu2.png
「 👆 マウスの任意のボタンを押下すると マウスポインターの移動に応じて
洞窟が 水平方向に ずれてくれるという センスがよく分からんものだぜ」

ohkina-hiyoko-futsu2.png
「 なんだか よく分からんデモねえ」

hexagonal_map

学習の難しさの目安: 初級者の下の方。 眺めるのは簡単、理解するのは難しい

202309__godot__28-2138--hexagonal-map.png

ramen-tabero-futsu2.png
「 👆 みんな大好き 6角形の升 ヘックスだぜ。
キーボードの上下左右カーソルで ゴブリンをずらすことぐらいは できるぜ」

202309__godot__28-2141--hexagonal-map-editor.png

ramen-tabero-futsu2.png
「 👆 また、編集画面では 六角形のグリッドが付いているぜ」

ohkina-hiyoko-futsu2.png
「 エディターの下側の その タイルって どうやって出したの?」

ramen-tabero-futsu2.png
「 最初から出ていた」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 緑の化け物は ゴブリンではなくて トロールのようだが、
トロールを カーソルで移動する以外は ヘックスで マップを作ろうということだけ
自分で勝手に覚えろといった感じだな」

ramen-tabero-futsu2.png
「 肝心の使い方は 分からん」

instancing

学習の難しさの目安: 初級者の下の方。 早めに習得できるか

202309__godot__28-2159--instancing.png

ramen-tabero-futsu2.png
「 👆 インスタンシエートと言えば、ゲームの空間にオブジェクトを1つ生成することだぜ」

ramen-tabero-futsu2.png
「 マウスでクリックしたところに ボーリングの球のようなものが1個 新規作成されるぜ。
物理計算が働いているようで、 コップの中に水をそそぐように どんどん 溜まっていくぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 やっぱり、インスタンシエートする手順を覚えることが 第一義 だと思うが、
それにしても *.tscn ファイルが球の素(もと)となって 球を インスタンシエートするのは godot よく分からん、
まあ ソース見てみろだぜ」

ohkina-hiyoko-futsu2.png
「 それ以外のとこは 物理エンジンと コリジョン判定で押し切ってる感じかしらねえ」

isometric

学習の難しさの目安: 初級者の下の方。 眺めるのは簡単、理解するのは難しい

202309__godot__28-2218--isometric.png

ramen-tabero-futsu2.png
「 👆 アイソメトリックというのは 誇張とか入ってなくて 線が 真面目に きっちり してるやつだぜ」

kifuwarabe-futsu.png
「 その説明では 何を言わんとしているか 分からんな……」

ohkina-hiyoko-futsu2.png
「 方眼紙っぽいやつよ」

202309__godot__28-2218--isometric-tileMap.png

ramen-tabero-futsu2.png
「 👆 編集画面で タイルマップを選べば クォータービュー用のグリッドも出てくるぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 やっぱり 第一義は タイルマップの使い方を覚えることだと思うんだが……」

ramen-tabero-futsu2.png
「 肝心のタイルマップの使い方が分からないぜ」

kinematic_character

学習の難しさの目安: 初級者の上の方

202309__godot__28-2237--KinematicCharacter.png

ramen-tabero-futsu2.png
「 👆 キーボードの左右キーで移動、スペース・キーでジャンプする 白い箱を操って
画面左上のピンクの箱を目指すアクションゲームだぜ」

ramen-tabero-futsu2.png
「 キネマティック(Kinematic)ってどういう意味?」

kifuwarabe-futsu.png
「 運動らしいんだが、なんのことだか分からないぜ」

ohkina-hiyoko-futsu2.png
「 坂とか 回転する円とか 上下に移動するリフトとかあるから、運動なんじゃないの?」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 アクション・ゲームの作り方かな。
左右への移動と ジャンプのソースコードは 短くて 読みやすい」

ramen-tabero-futsu2.png
「 しかし海外の人は ステージとか マップのことを level って呼ぶんだな。
ステージが入っているフォルダ―の名前が level だぜ」

ohkina-hiyoko-futsu2.png
「 文化が違うのよ」

light2d_as_mask

学習の難しさの目安: 不明。仕組みが分からんかった

202309__godot__28-2251--Light2D_as_mask.png

ramen-tabero-futsu2.png
「 👆 マスクという機能を使えば 幕に穴を開けたみたいな効果があって、
これを スポットライトみたいな演出に使えるという古典的なテクニックのデモだぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 AnimationPlayer というのを使って 画像を移動させてるんで
それを見てもいいし」

ramen-tabero-futsu2.png
「 グレーの色が なんなのか 分からんかった」

lights_and_shadows

学習の難しさの目安: 不明

202309__godot__28-2259--LightsAndShadows.png

ramen-tabero-futsu2.png
「 👆 光源が勝手に移動するんで、光沢と陰影を眺めるデモだぜ」

202309__godot__28-2302--DirectionalLight.png

ramen-tabero-futsu2.png
「 👆 キーボードの d キーを打鍵すると 光源が指向性を持つぜ」

202309__godot__28-2305--PointLights.png

ramen-tabero-futsu2.png
「 👆 キーボードの p キーを打鍵すると 光が消えてしまったぜ」

ramen-tabero-futsu2.png
「 s キーと h キーにも何か仕掛けがあるようだが、 光がボヤっとしたり しゃきっとしたり ぐらいで
わたしには 分からん」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 画面上にテキストを置くための ラベル を覚えたり」

ramen-tabero-futsu2.png
「 ライトの可視性(Visible)を オンにしたり、オフにしたりするところが 見所じゃないか?」

navigation

学習の難しさの目安: 実行不能

202309__godot__28-2323--Navigation.png

ramen-tabero-futsu2.png
「 👆 コンパイル・エラーで動かなかったぜ」

navigation_astar

学習の難しさの目安: 上級者

202309__godot__28-2313--ASterArgorithm.png

ramen-tabero-futsu2.png
「 👆 これは 有名な エー・スター・アルゴリズム(A* argorithum)だぜ。
マウスで 升をクリックすれば、最短距離の道筋を示して 移動してくれるぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 画面上のクリックした位置の取り方とかかな」

particles

学習の難しさの目安: 上級者

202309__godot__28-2326--Particles.png

ramen-tabero-futsu2.png
「 👆 パーティクル(粒)のデモだぜ」

ramen-tabero-futsu2.png
「 スペース・キーを打鍵すると 一時停止するぜ」

ramen-tabero-futsu2.png
「 上キー、下キー、 g キーを打鍵しても 細かな違いが出るが わたしには分からん」

202309__godot__28-2331--ParticleTrails.png

ramen-tabero-futsu2.png
「 👆 t キーを打鍵すると 粒が尾を引くぜ」

ramen-tabero-futsu2.png
「 粒を飛ばせば 炎に見えたり、液体に見えたり、煙に見えたり、応用範囲が広いやつだぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 パーティクルは プログラム要らずで インスペクター ビューの設定を適当にいじれば
適当に振る舞いが変わることを 覚えるぐらいかな」

physics_platformer

学習の難しさの目安: 上級者

202309__godot__28-2337--PhysicsPlatformer.png

ramen-tabero-futsu2.png
「 👆 BGMがバカでかい! うるさい!」

ramen-tabero-futsu2.png
「 ロックマンみたいな アクション・ゲームだぜ。
ADW キーで 左右移動とジャンプ、スペース・キーで重力に従う球 発射だぜ」

ohkina-hiyoko-futsu2.png
「 ステージ上のコインを全部取っても 何も起きないわよ!」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 プラットフォーム(Platform)って、移動する足場のことなんだ、へぇ、みたいな」

kifuwarabe-futsu.png
「 難しくて 分からんかったか」

physics_tests

202309__godot__29-2017--PhysicsTests.png

ramen-tabero-futsu2.png
「 👆 物理演算のテストじゃないか?」

ramen-tabero-futsu2.png
「 R キーを打鍵すると もう1回テストするぜ」

202309__godot__29-2020--BoxStack.png

ramen-tabero-futsu2.png
「 👆 左上の TESTS のボタンから いろいろ選べる。これは 詰まれた箱を眺めるテストだぜ」

202309__godot__29-2022--BoxPyramid.png

ramen-tabero-futsu2.png
「 👆 ピラミッド状にも積むテスト」

202309__godot__29-2026--Collision.png

ramen-tabero-futsu2.png
「 👆 直方体をぶつけるテストだぜ。明るい緑色になってるやつは 当たってるぜ。
直方体の形も いくつかの中から選べるぜ」

202309__godot__29-2035--CharacterSlopes.png

ramen-tabero-futsu2.png
「 👆 縦長の楕円みたいなカプセルを ADW キーを使って操作して、坂道を昇り降りするテストだぜ」

202309__godot__29-2303--CharacterTileMap.png

ramen-tabero-futsu2.png
「 👆 Tilemap は、タイルでステージが作られてるな。キーボードを打鍵して、このステージで長方形のキャラクターを操作するテストだぜ」

202309__godot__29-2306--CharacterPixels.png

ramen-tabero-futsu2.png
「 👆 Pixels も 長方形を操作するテスト」

ramen-tabero-futsu2.png
「 One way Collision というテストは強制終了して落ちた」

kifuwarabe-futsu.png
「 テストを繰り返したあと PC をスリープしたのがダメなのでは」

202309__godot__29-2309--OneWayCollision.png

ramen-tabero-futsu2.png
「 👆 起動したけど 意味分からん。説明不能」

202309__godot__29-2311--Joints.png

ramen-tabero-futsu2.png
「 👆 Joints 。マウスで オブジェクトを引きずることができて、鎖みたいにつながってるぜ」

ramen-tabero-futsu2.png
「 つながり方も ゴムみたいなやつとか 選べたり、
2つのオブジェクトは ぶつかるかどうかも 設定できるぜ」

202309__godot__29-2314--Raycasting.png

ramen-tabero-futsu2.png
「 👆 Raycasting は、直線上に見えない球を飛ばして ぶつかるポイントを調べるやつだぜ」

202309__godot__29-2316--PerformanceTest.png

ramen-tabero-futsu2.png
「 その他に パフォーマンス・テストがあるが 何やってるか さっぱり」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 GDScript がいっぱい入っているが どれも見る気が起きない」

platformer

202309__godot__29-2320--Platformer.png

ramen-tabero-futsu2.png
「 👆 BGMがバカでかい! うるさい!」

ramen-tabero-futsu2.png
「 ロックマンみたいな アクション・ゲームだぜ。
ADW キーで 左右移動とジャンプ、スペース・キーで重力に従う球 発射だぜ」

ohkina-hiyoko-futsu2.png
「 ステージ上のコインを全部取っても 何も起きないわよ!」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 プラットフォーム(Platform)って、移動する足場のことなんだ、へぇ、みたいな」

kifuwarabe-futsu.png
「 難しくて 分からんかったか」

pong

学習の難しさの目安: 初級者の真ん中の方

202309__godot__29-2322--Pong.png

ramen-tabero-futsu2.png
「 👆 ビデオゲーム史に出てくる お金を入れて遊ぶアーケードゲームのようなやつの 最初のやつだぜ」

ramen-tabero-futsu2.png
「 左の水色の板(※パドル)はキーボードの WS キーで上下に動かす。
右の赤紫の板はキーボードのカーソルの 上下キーで上下に動かすぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 パドルを上下に動かす GDScript とかが簡単かなあ」

role_playing_game

学習の難しさの目安: 実行不能

202309__godot__29-2329--RolePlayingGame.png

ramen-tabero-futsu2.png
「 👆 さっぱり分からん。バカにしてんのか?」

ohkina-hiyoko-futsu2.png
「 ASDW キーには反応するみたいだけど、何だか分かんないわね」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

202309__godot__29-2331--RolePlayingGame-Error.png

ramen-tabero-futsu2.png
「 👆 エディターはエラーを吐いていて 直し方が分からん」

screen_space_shaders

学習の難しさの目安: 初級者の真ん中の方

202309__godot__29-2335--ScreenSpaceShaders.png

ramen-tabero-futsu2.png
「 👆 フォトショップの画像エフェクトみたいなやつを テストできるやつだぜ」

202309__godot__29-2336--Sepia.png

ramen-tabero-futsu2.png
「 👆 いろいろあるようだから、勝手に試せだぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 .gdshader というスクリプトが入っていて、シェーダーの書き方が分かるぜ」

skeleton

学習の難しさの目安: 実行不能

202309__godot__29-2340--Skeleton.png

ramen-tabero-futsu2.png
「 👆 なんのこっちゃ、という感じ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

202309__godot__29-2341--Skeleton-Error.png

ramen-tabero-futsu2.png
「 👆 実行するとエラーが出ていて分からない」

sprite_shaders

202309__godot__29-2343--SpriteShaders.png

ramen-tabero-futsu2.png
「 👆 なんのこっちゃ、という感じ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

202309__godot__29-2345--SpriteShader-Editor.png

ramen-tabero-futsu2.png
「 👆 スプライトに表示の効果を付けれるみたいなんだが、その説明を わたしが欲しい」

tween

202309__godot__29-2347--Tween.png

ramen-tabero-futsu2.png
「 👆 Start Animation ボタンを押すことで モーションが見れるぜ」

kifuwarabe-futsu.png
「 このデモ・プロジェクトからは 何を学べるんだぜ?」

ramen-tabero-futsu2.png
「 GDScript に何か たくさん書いてあるので、モーションの作り方が書いてるかも知れないな」

親の記事に戻る

📖 Godot って何だぜ(^~^)?

ツイッターでシェア
みんなに共有、忘れないようにメモ

むずでょ

光速のアカウント凍結されちゃったんで……。ゲームプログラムを独習中なんだぜ☆電王戦IIに出た棋士もコンピューターもみんな好きだぜ☆▲(パソコン将棋)WCSC29一次予選36位、SDT5予選42位▲(パソコン囲碁)AI竜星戦予選16位

Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。

また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!

有料記事を販売できるようになりました!

こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?

コメント