Merge pull request #9049 from skyace65/MultipleResolutions

Update multiple resolutions page

tutorials/rendering/img/stretch.svg

@@ -1 +0,0 @@
-<svg height="213" viewBox="0 0 189.70625 56.356252" width="717" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><marker id="a" orient="auto" overflow="visible" refX="0.0" refY="0.0"><path d="m5.77 0-8.65 5v-10z" fill="#ff0505" fill-rule="evenodd" stroke="#ff0505" stroke-width="1pt" transform="scale(-.2)"/></marker><marker id="b" orient="auto" overflow="visible" refX="0.0" refY="0.0"><path d="m5.77 0-8.65 5v-10z" fill="#ff0505" fill-rule="evenodd" stroke="#ff0505" stroke-width="1pt" transform="scale(-.2)"/></marker><marker id="c" orient="auto" overflow="visible" refX="0.0" refY="0.0"><path d="m5.77 0-8.65 5v-10z" fill="#ff0505" fill-rule="evenodd" stroke="#ff0505" stroke-width="1pt" transform="scale(-.2)"/></marker><marker id="d" orient="auto" overflow="visible" refX="0.0" refY="0.0"><path d="m5.77 0-8.65 5v-10z" fill="#ff0505" fill-rule="evenodd" stroke="#ff0505" stroke-width="1pt" transform="scale(-.2)"/></marker><marker id="e" orient="auto" overflow="visible" refX="0.0" refY="0.0"><path d="m5.77 0-8.65 5v-10z" fill="#ff0505" fill-rule="evenodd" stroke="#ff0505" stroke-width="1pt" transform="scale(-.2)"/></marker><marker id="f" orient="auto" overflow="visible" refX="0.0" refY="0.0"><path d="m5.77 0-8.65 5v-10z" fill="#ff0505" fill-rule="evenodd" stroke="#ff0505" stroke-width="1pt" transform="scale(-.2)"/></marker><marker id="g" orient="auto" overflow="visible" refX="0.0" refY="0.0"><path d="m5.77 0-8.65 5v-10z" fill="#ff0505" fill-rule="evenodd" stroke="#ff0505" stroke-width="1pt" transform="scale(-.2)"/></marker><marker id="h" orient="auto" overflow="visible" refX="0.0" refY="0.0"><path d="m5.77 0-8.65 5v-10z" fill="#ff0505" fill-rule="evenodd" stroke="#ff0505" stroke-width="1pt" transform="scale(-.2)"/></marker><g transform="translate(0 -240.64373)"><g fill="none"><g stroke-linejoin="round" stroke-width="1.058333"><g stroke="#000"><path d="m69.7761 244.69925h50.154053v35.322506h-50.154053z"/><path d="m132.2177 244.69925h50.154053v35.322506h-50.154053z"/><path d="m7.334433 244.69925h50.154053v35.322506h-50.154053z"/></g><g stroke="#e40b0b"><path d="m71.18943 246.07916h47.3274v32.56264h-47.3274z"/><path d="m8.7477624 246.07916h16.3917946v10.89769h-16.3917946z"/><path d="m148.72414 256.56665h17.14119v11.58766h-17.14119z"/></g></g><g stroke="#ff0505" stroke-width="1.5875"><path d="m75.523807 251.13928 3.512737 3.70788" marker-start="url(#h)"/><path d="m113.77476 251.13928-3.51274 3.70788" marker-start="url(#e)"/><path d="m75.523807 274.24705 3.512737-3.70788" marker-start="url(#f)"/><path d="m113.77476 274.24705-3.51274-3.70788" marker-start="url(#g)"/><path d="m137.38698 251.13928 3.51273 3.70788" marker-start="url(#d)"/><path d="m175.63793 251.13928-3.51274 3.70788" marker-start="url(#c)"/><path d="m137.38698 274.24705 3.51273-3.70788" marker-start="url(#a)"/><path d="m175.63793 274.24705-3.51274-3.70788" marker-start="url(#b)"/></g></g><g font-family="Arial" font-size="8.466666" letter-spacing="0" stroke-width=".264583" word-spacing="0"><text x="15.906008" y="291.34055"><tspan font-family="Arial" font-size="8.466666" stroke-width=".264583" x="15.906008" y="291.34055">Disabled</tspan></text><text x="89.536987" y="291.40256"><tspan font-family="Arial" font-size="8.466666" stroke-width=".264583" x="89.536987" y="291.40256">2D</tspan></text><text x="140.88435" y="290.54886"><tspan font-family="Arial" font-size="8.466666" stroke-width=".264583" x="140.88435" y="290.54886">Viewport</tspan></text></g></g></svg>

tutorials/rendering/multiple_resolutions.rst

@@ -59,7 +59,7 @@ Base size
 A base size for the window can be specified in the Project Settings under
 **Display → Window**.
 
-.. image:: img/screenres.png
+.. image:: img/screenres.webp
 
 However, what it does is not completely obvious; the engine will *not*
 attempt to switch the monitor to this resolution. Rather, think of this
@@ -127,20 +127,16 @@ Stretch settings
 
 Stretch settings are located in the project settings and provide several options:
 
-.. image:: img/stretchsettings.png
+.. image:: img/stretchsettings.webp
 
 Stretch Mode
 ^^^^^^^^^^^^
 
 The **Stretch Mode** setting defines how the base size is stretched to fit
-the resolution of the window or screen.
-
-.. image:: img/stretch.png
-
-The animations below use a "base size" of just 16×9 pixels to
-demonstrate the effect of different stretch modes. A single sprite, also
-16×9 pixels in size, covers the entire viewport, and a diagonal
-:ref:`Line2D <class_Line2D>` is added on top of it:
+the resolution of the window or screen. The animations below use a "base
+size" of just 16×9 pixels to demonstrate the effect of different stretch
+modes. A single sprite, also 16×9 pixels in size, covers the entire viewport,
+and a diagonal :ref:`Line2D <class_Line2D>` is added on top of it:
 
 .. image:: img/stretch_demo_scene.png
 
@@ -467,7 +463,7 @@ Non-game application
 - Keep the stretch mode to its default value, ``disabled``.
 - Keep the stretch aspect to its default value, ``ignore``
   (its value won't be used since the stretch mode is ``disabled``).
-- You can define a minimum window size by setting ``OS.min_window_size`` in a
+- You can define a minimum window size by calling ``get_window().set_min_size()`` in a
   script's ``_ready()`` function. This prevents the user from resizing the application
   below a certain size, which could break the UI layout.