compsci_godot_albert/_subsections/sec04/lesson-04.org

Section 04 - Lesson 04 | plane scene and resources

• Links
• Notes
  • create plane scene
  • character body 2D plane node
  • animated sprite 2D
    • create a sprite frames resource
    • animation frame editor
      • buttons
      • frame duration
    • adding frames
  • resources
    • saving the sprite frame as a resource
  • NOTE: if the plane is too large (or small)
  • add the plane scene

Links

• TOC - Godot Notes
• S04:L49.04 - video

Notes

create plane scene

• create a scene 'plane'
• CharacterBody2D as root node
• change the node name to "Plane" (unnecessary but why not)

character body 2D plane node

• Sprite to animate the 3 frames
• CollisionShape2D for physics
• AnimationPlayer to animate the rotation of the plane
• EngineSound (audio? node?)

animated sprite 2D

• add it
• rename it to Sprite

create a sprite frames resource

• go to Inspector->AnimatedSprite2D->Animation
• click on sprite frames drop down and select "new Sprite Frames"

• go back to drop down, and click on the sprite frame box

  file:../../_share/media/img/section04/lesson04/EX01.png

• this will open up the following window

  file:../../_share/media/img/section04/lesson04/EX02.png

  • notice

    • 'spriteframes' tab is selected

    • "default" animation

      • 5 frames per second
      • set to loop continuously

animation frame editor

buttons

1. playback controls

2. buttons to add in frames

   • individually
   • by sprite sheet
3. copy and paste frames
4. insert empty frames
5. move frames around

6. delete frames

   file:../../_share/media/img/section04/lesson04/EX03.png

frame duration

• the frame duration textbox allows you to set the duration of a specific frame
• this is apparently done by time

adding frames

• click on the add frames button

  file:../../_share/media/img/section04/lesson04/EX04a.png

• add a sprite sheet

• resize the sprite grid so godot can know what the sprites are

  file:../../_share/media/img/section04/lesson04/EX04b.png

• when you are satisfied with the frames available, select all and add the frames

  file:../../_share/media/img/section04/lesson04/EX04c.png

resources

• currently the sprite we created is embedded as an internal resource to our plane scene

• if you save it, then the information regarding the frames will be moved to that tres file you saved

  • allows you to reuse the frame resource

saving the sprite frame as a resource

• click on Inspector->AnimatedSprite2D->Animation->Sprite Frame drop down arrow

• in the pop up menu click on 'save as'

  file:../../_share/media/img/section04/lesson04/EX05.png

NOTE: if the plane is too large (or small)

• go to the plane scene
• select the AnimatedSprite2D from the scene menu
• go to Inspector->Node2D->Transform->Scale
• change values as appropriate

add the plane scene

1. go to the game scene

2. click on the 'instantiate child node'

   file:../../_share/media/img/section04/lesson04/EX06a.png

3. from dialog popup, select the plane.tscn scene