#+title: Section 04 - Lesson 01 | Project Setup & Aspect
#+HTML_HEAD: <link rel="stylesheet" type="text/css" href="../../_share/media/css/godot.css" />

* Links
- [[../../toc.org][TOC - Godot Notes]]
- [[https://www.udemy.com/course/jumpstart-to-2d-game-development-godot-4-for-beginners/learn/lecture/45069795#overview][S04:L45.01 - Project Setup & Aspect Ratios]]

* Notes

** setting up
- root node: plain Node2D
- add as Sprite2D for background
- change aspect ration to 480*854 Portrait
  - this is the recommended ratio for mobile

- copy assets to the FileSystem pane under res://

#+attr_html: :width 300px
  [[./../../_share/media/img/albert/section04/lesson-01/fig01.png]]

** making the background
- you add a Sprite2D node to the Node2D
- drag the image you want from res:// to the texture property in the Sprite2D inspector

#+attr_html: :width 500px
[[./../../_share/media/img/albert/section04/lesson-01/fig02.png]]

#+attr_html: :width 500px
[[./../../_share/media/img/albert/section04/lesson-01/fig03.png]]

** set the current default run scene
there are two ways to do this

1. hit "run" and select the current scene
2. via Project Settings
   1. go to Project->Project Settings
   2. go to Application->Run->Main Scene
   3. pick the scene you want to put in there

        #+attr_html: :width 700px
        [[./../../_share/media/img/albert/section04/lesson-01/fig04.png]]

** set up aspect ratio
*** set the values
- Project->Project Settings
- Display->Window
- In 'Size'
  - set width 480
  - set height to 854

*** viewport changes
- the white line representing the viewport changes shape
- move the background image appropriately with the view tool
   #+attr_html: :width 600px
   [[./../../_share/media/img/albert/section04/lesson-01/fig05.png]]