Godot > 画像表示・上下左右キー移動

Sprite 表示

• 表示したい画像（pngなど）をプロジェクトのあるディクトリにコピーする → ファイルシステムの res:// の下に画像ファイル名が表示される
• Sprite ノードを画面に追加する
• ルートノードして作成してもよいし、Node2D 等の子ノードとして作成してもよい
• 追加した Sprite ノードが選択状態で、インスペクタの Texture 部分に表示したい画像ファイル名を設定する
• Texture 右の ▼ を押し、表示されるメニューから「読み込み」を選び、画像ファイルを選択する
• または、ファイルシステムから表示したい画像をドラッグし、Texture 部分にドロップする。

矢印キーによる Sprite 移動

キー押下イベントを処理して Sprite 移動を行ってもいいのだが、それだと処理間隔がキーリピート間隔に依存してしまいぎこちなくなってしまう。 各フレームの時にコールされる _physics_process(delta) をオーバライドし、 その中でキーが押されているかどうかをチェックする方が画像をスムーズに移動させることができる。

const MOVE_UNIT = 4
func _physics_process(delta):
    var dx = int(Input.is_action_pressed("ui_right")) - int(Input.is_action_pressed("ui_left"))
    var dy = int(Input.is_action_pressed("ui_down")) - int(Input.is_action_pressed("ui_up"))
    if dx != 0 || dy != 0:
        $Sprite.position += Vector2(dx, dy) * MOVE_UNIT

まとめ