Fix background disappearing when scaling the window

Use the keep_height aspect ratio option as in the original demo. This prevents
seeing the clear color when making the window tall
Change the ParallaxBackground scene so mirrored sections don't disappear on wide windows

2d/platformer/assets/art/background/distant_platforms_1.png.import

@@ -19,7 +19,7 @@ compress/lossy_quality=0.7
 compress/hdr_mode=0
 compress/bptc_ldr=0
 compress/normal_map=0
-flags/repeat=0
+flags/repeat=1
 flags/filter=false
 flags/mipmaps=false
 flags/anisotropic=false

2d/platformer/assets/art/background/distant_platforms_2.png.import

@@ -19,7 +19,7 @@ compress/lossy_quality=0.7
 compress/hdr_mode=0
 compress/bptc_ldr=0
 compress/normal_map=0
-flags/repeat=0
+flags/repeat=1
 flags/filter=false
 flags/mipmaps=false
 flags/anisotropic=false

2d/platformer/assets/art/background/sky.png.import

@@ -19,7 +19,7 @@ compress/lossy_quality=0.7
 compress/hdr_mode=0
 compress/bptc_ldr=0
 compress/normal_map=0
-flags/repeat=0
+flags/repeat=1
 flags/filter=false
 flags/mipmaps=false
 flags/anisotropic=false

2d/platformer/project.godot

@@ -69,7 +69,7 @@ window/size/width=800
 window/size/height=480
 window/dpi/allow_hidpi=true
 window/stretch/mode="2d"
-window/stretch/aspect="expand"
+window/stretch/aspect="keep_height"
 stretch/aspect="keep_height"
 stretch/mode="2d"
 

2d/platformer/src/Level/ParallaxBackground.tscn

@@ -1,75 +1,100 @@
 [gd_scene load_steps=7 format=2]
 
-[ext_resource path="res://assets/art/background/sky.png" type="Texture" id=1]
-[ext_resource path="res://assets/art/background/cloud_1.png" type="Texture" id=2]
-[ext_resource path="res://assets/art/background/cloud_2.png" type="Texture" id=3]
-[ext_resource path="res://assets/art/background/cloud_3.png" type="Texture" id=4]
-[ext_resource path="res://assets/art/background/distant_platforms_2.png" type="Texture" id=5]
+[ext_resource path="res://assets/art/background/distant_platforms_2.png" type="Texture" id=1]
+[ext_resource path="res://assets/art/background/sky.png" type="Texture" id=2]
+[ext_resource path="res://assets/art/background/cloud_1.png" type="Texture" id=3]
+[ext_resource path="res://assets/art/background/cloud_2.png" type="Texture" id=4]
+[ext_resource path="res://assets/art/background/cloud_3.png" type="Texture" id=5]
 [ext_resource path="res://assets/art/background/distant_platforms_1.png" type="Texture" id=6]
 
 [node name="ParallaxBackground" type="ParallaxBackground"]
-scroll_base_scale = Vector2( 0.7, 0 )
+scroll_base_scale = Vector2( 0.4, 0 )
 
 [node name="Sky" type="ParallaxLayer" parent="."]
 motion_mirroring = Vector2( 800, 0 )
 
 [node name="Sprite" type="Sprite" parent="Sky"]
-scale = Vector2( 32, 0.94 )
-texture = ExtResource( 1 )
+scale = Vector2( 128, 0.94 )
+texture = ExtResource( 2 )
 centered = false
 
 [node name="Clouds" type="ParallaxLayer" parent="."]
 motion_scale = Vector2( 0.1, 1 )
-motion_mirroring = Vector2( 800, 0 )
 
 [node name="Sprite1" type="Sprite" parent="Clouds"]
 position = Vector2( 28, 127 )
-texture = ExtResource( 2 )
+texture = ExtResource( 3 )
 centered = false
 
 [node name="Sprite2" type="Sprite" parent="Clouds"]
 position = Vector2( 404, 24 )
-texture = ExtResource( 2 )
+texture = ExtResource( 3 )
 centered = false
 
 [node name="Sprite3" type="Sprite" parent="Clouds"]
 position = Vector2( 154, 46 )
-texture = ExtResource( 3 )
+texture = ExtResource( 4 )
 centered = false
 
 [node name="Sprite4" type="Sprite" parent="Clouds"]
 position = Vector2( 525, 130 )
-texture = ExtResource( 3 )
+texture = ExtResource( 4 )
 centered = false
 
 [node name="Sprite5" type="Sprite" parent="Clouds"]
 position = Vector2( 255, 158 )
-texture = ExtResource( 4 )
+texture = ExtResource( 5 )
 centered = false
 
 [node name="Sprite6" type="Sprite" parent="Clouds"]
 position = Vector2( 674, 70 )
+texture = ExtResource( 5 )
+centered = false
+
+[node name="Sprite12" type="Sprite" parent="Clouds"]
+position = Vector2( 810.811, 127 )
+texture = ExtResource( 3 )
+centered = false
+
+[node name="Sprite11" type="Sprite" parent="Clouds"]
+position = Vector2( 1186.81, 24 )
+texture = ExtResource( 3 )
+centered = false
+
+[node name="Sprite10" type="Sprite" parent="Clouds"]
+position = Vector2( 936.811, 46 )
 texture = ExtResource( 4 )
 centered = false
 
-[node name="MountainsFar" type="ParallaxLayer" parent="."]
-motion_scale = Vector2( 0.2, 1 )
-motion_mirroring = Vector2( 800, 0 )
+[node name="Sprite9" type="Sprite" parent="Clouds"]
+position = Vector2( 1307.81, 130 )
+texture = ExtResource( 4 )
+centered = false
 
-[node name="Sprite" type="Sprite" parent="MountainsFar"]
-position = Vector2( 0, 225 )
+[node name="Sprite8" type="Sprite" parent="Clouds"]
+position = Vector2( 1037.81, 158 )
 texture = ExtResource( 5 )
 centered = false
-region_enabled = true
-region_rect = Rect2( 0, 0, 800, 256 )
 
-[node name="MountainsClose" type="ParallaxLayer" parent="."]
-motion_scale = Vector2( 0.4, 1 )
-motion_mirroring = Vector2( 800, 0 )
-
-[node name="Sprite" type="Sprite" parent="MountainsClose"]
-position = Vector2( 0, 225 )
-texture = ExtResource( 6 )
+[node name="Sprite7" type="Sprite" parent="Clouds"]
+position = Vector2( 1456.81, 70 )
+texture = ExtResource( 5 )
 centered = false
+
+[node name="Mountains2" type="ParallaxLayer" parent="."]
+motion_scale = Vector2( 0.2, 1 )
+
+[node name="Sprite" type="Sprite" parent="Mountains2"]
+position = Vector2( 0, 353 )
+texture = ExtResource( 1 )
 region_enabled = true
-region_rect = Rect2( 0, 0, 800, 256 )
+region_rect = Rect2( 0, 0, 4096, 256 )
+
+[node name="Mountains1" type="ParallaxLayer" parent="."]
+motion_scale = Vector2( 0.4, 1 )
+
+[node name="Sprite" type="Sprite" parent="Mountains1"]
+position = Vector2( 0, 353 )
+texture = ExtResource( 6 )
+region_enabled = true
+region_rect = Rect2( 0, 0, 4096, 256 )