update Open Source Docs from Roblox internal teams

rbx-open-source-docs[bot] · rbx-open-source-docs[bot] · commit d76e9dc30958 · 2024-11-20T23:24:14.000Z
diff --git a/content/common/navigation/engine/tutorials.yaml b/content/common/navigation/engine/tutorials.yaml
@@ -30,14 +30,16 @@ navigation:
         path: /tutorials/use-case-tutorials/modeling/assembling-modular-environments
   - title: User Interfaces
     section:
-      - title: Creating Score Bars
-        path: /tutorials/use-case-tutorials/ui/creating-a-score-bar
+      - title: Creating HUD Meters
+        path: /tutorials/use-case-tutorials/ui/creating-hud-meters
       - title: Creating Interactive Buttons
         path: /tutorials/use-case-tutorials/ui/interactive-buttons
       - title: Creating Proximity Prompts
         path: /tutorials/use-case-tutorials/ui/proximity-prompts
       - title: Creating Part Interfaces
         path: /tutorials/use-case-tutorials/ui/interfaces-on-parts
+      - title: Creating Score Bars
+        path: /tutorials/use-case-tutorials/ui/creating-a-score-bar
   - title: Audio
     section:
       - title: Playing Background Music
diff --git a/content/en-us/assets/engine-api/enums/ScreenInsets/CoreUISafeInsets.png b/content/en-us/assets/engine-api/enums/ScreenInsets/CoreUISafeInsets.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:a6913bf8804e0559371c2e1846b43c08b9517403cc7231bcb0bc0904a5ad203c
-size 354739
+oid sha256:dceeee72198cfbc9473f44493bfe382e3c754042949bb7cc9099857af61abbf7
+size 329312
diff --git a/content/en-us/assets/engine-api/enums/ScreenInsets/DeviceSafeInsets.png b/content/en-us/assets/engine-api/enums/ScreenInsets/DeviceSafeInsets.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:78652e2079d3f97e8f613e0413dce8fcaebcaa3d7a455974894f0b5215543ecc
-size 334436
+oid sha256:627824ad32759ff49ae95db30761df3d1f5d2713d5f0b23e1802681e39aa9fd1
+size 312366
diff --git a/content/en-us/assets/engine-api/enums/ScreenInsets/Inset-Regions-All.png b/content/en-us/assets/engine-api/enums/ScreenInsets/Inset-Regions-All.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:b982dd6882143930c0bacf483ebb961545100f017639dbf51b519ff82f03ca6a
-size 362826
+oid sha256:b54d33f0ba677b235023b8818cb30c9cd1ff7c36cb93e658001c182d5ca01022
+size 344225
diff --git a/content/en-us/assets/engine-api/enums/ScreenInsets/None.png b/content/en-us/assets/engine-api/enums/ScreenInsets/None.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9a85e92cab388bc0b2ac17a6a5483b0cdb0532607bc0d5324f8c753638aeb080
-size 302257
+oid sha256:bf298f98e70c683cf68b97be0459c142365349d89feaecc0b403853091e19207
+size 276675
diff --git a/content/en-us/assets/engine-api/enums/ScreenInsets/Top-Bar-Cutout.png b/content/en-us/assets/engine-api/enums/ScreenInsets/Top-Bar-Cutout.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:8ad95e2a61b5a3c15670babc82f69d0cd1af3bbe0711dca08622a6b62512024f
-size 291762
+oid sha256:b665c8b83b5c36010a02a5c9e27972988e45b298cf23fee5f747e10b7b2bba55
+size 267647
diff --git a/content/en-us/assets/engine-api/enums/ScreenInsets/TopbarSafeInsets.png b/content/en-us/assets/engine-api/enums/ScreenInsets/TopbarSafeInsets.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:3cf5e899e2303c01945ff550068b4372b2d8629fca7ce2c44042df46bff2d909
-size 288819
+oid sha256:811843c1cfd15948eabadcc42124b04ad9d8d60da7811b1590b9eb6790cdc7ef
+size 262510
diff --git a/content/en-us/assets/studio/general/Editor-Window-Emulation-Options.jpg b/content/en-us/assets/studio/general/Editor-Window-Emulation-Options.jpg
diff --git a/content/en-us/assets/studio/general/Editor-Window-Emulation-Options.png b/content/en-us/assets/studio/general/Editor-Window-Emulation-Options.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e96061a1b6b6d9fd8a7607c5854c7c9a1a02add9987268c5c0478b4138738802
+size 146539
diff --git a/content/en-us/assets/studio/general/Test-Tab-Emulation-Device-With-Menu.png b/content/en-us/assets/studio/general/Test-Tab-Emulation-Device-With-Menu.png
diff --git a/content/en-us/assets/studio/general/Test-Tab-Emulation-Device.png b/content/en-us/assets/studio/general/Test-Tab-Emulation-Device.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:503d967c7ead78be3fdc775b974e1f18c1d17aa50d004a26f0c1ebbf09354e35
-size 43941
+oid sha256:394db1814e2d5546116e8186bbd78502db82ffb59d9f8bd9a896c6bd40a66d4f
+size 42277
diff --git a/content/en-us/assets/studio/properties/ScreenGui-ScreenInsets-DeviceSafeInsets.png b/content/en-us/assets/studio/properties/ScreenGui-ScreenInsets-DeviceSafeInsets.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3ca8796f1b83b78591ceffae2d22b843603a0880cc9c8abacdf7001d7e56f9fc
+size 35686
diff --git a/content/en-us/assets/tutorials/UCT-Overview/Creating-HUD-Meters.png b/content/en-us/assets/tutorials/UCT-Overview/Creating-HUD-Meters.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ef052a76bc0953107ebdb9349c83c29e084786c9e68b1b765bbdc4e61218d886
+size 215086
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Default-Health-Meter-Disabled.png b/content/en-us/assets/tutorials/creating-hud-meters/Default-Health-Meter-Disabled.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1e05192d1c6d69a470e37b3f91dd6955dcb53ba9db6cc4472de2b18cb1274007
+size 153973
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Default-Health-Meter.png b/content/en-us/assets/tutorials/creating-hud-meters/Default-Health-Meter.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1b904c111e76194943cfdc614a3e72e8687a4732e41262515b86878503590b8f
+size 325045
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Device-Emulator-Phone.png b/content/en-us/assets/tutorials/creating-hud-meters/Device-Emulator-Phone.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f108cc79a7ce0cbf23d4580176cbb05988d65b6a09bc829adc9e3499903be11a
+size 67924
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Device-Emulator-Tablet.png b/content/en-us/assets/tutorials/creating-hud-meters/Device-Emulator-Tablet.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2490a00091228633d49e884b5148c2fa1d02242c29375cb2f6cb50a87c5e69ca
+size 67892
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Emulation-Phone-Constrained.png b/content/en-us/assets/tutorials/creating-hud-meters/Emulation-Phone-Constrained.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1da2e58079cd8876b2f3846ed27961578910bc35150c3b68607503c39133752a
+size 271028
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Emulation-Tablet-Constrained.png b/content/en-us/assets/tutorials/creating-hud-meters/Emulation-Tablet-Constrained.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:38b3e1e9245c2245a0746fc59bf7141f418d2967ff4ef81a94e4615217fef60b
+size 331877
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Emulation-Tablet-Unconstrained.png b/content/en-us/assets/tutorials/creating-hud-meters/Emulation-Tablet-Unconstrained.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:72c9c5adc9a6566f634acf5c2319a48a8dd3717a555b18edd9e6179fbca436f3
+size 325495
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Intro.png b/content/en-us/assets/tutorials/creating-hud-meters/Intro.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:855954d4d83564ee03b86efd317fc274018e38e63c56d4aa52b5a7d64cb088a6
+size 331819
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Change-Damage-Effect.mp4 b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Change-Damage-Effect.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4bd623668f081c40941118c033ba500cdcc76ee119b44e3a59d8231b273802c8
+size 8928837
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Change-Static.mp4 b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Change-Static.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dd8b7c03048cdcff20d0d2c441dd0a736029ffa50fe7e79e6c94a7ca7a9a895f
+size 9136677
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Change-Tweened.mp4 b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Change-Tweened.mp4
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a2dfcab8af27137ba70c74839b7bc2a70f12962471e991242a25c35046ba125e
+size 7620935
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-CoreUISafeInsets.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-CoreUISafeInsets.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:10547428e24c3d26ec4d2d96ae1162c3e61df96248bd909e9d52b1bca93e0a17
+size 305015
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Components.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Components.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f784b4f9b254cc44cf8e3912c0459a629a12758a47bbbd2741be9559061f8999
+size 174077
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Icon-Finalized.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Icon-Finalized.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d124b6992d5d346bea17f5c9e31833700e0684e236a0fd2be6c47c7d7a6bb997
+size 188817
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Icon-Large.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Icon-Large.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:21939326807ddcfc1e4ff00f60577994b2bcabb2429da3544ba6deb79434b343
+size 179541
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Icon-Preview.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Icon-Preview.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:02b77e39faf59a0581b9767df7c39596404bb0ba1b13ee6888a3fc443ce07ece
+size 167554
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Inner-Fill-Colored.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Inner-Fill-Colored.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f8af1f734afc7aa41decb6a9c5187dd3a8df1aa5113cc87b273a2a611291bb46
+size 194697
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Inner-Fill-Preview.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Inner-Fill-Preview.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d14a16ea8011c0c8809c7bc7b848dd53ec664e9227d7284a631a74565d126ca6
+size 175684
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Inner-Fill-Resized.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Inner-Fill-Resized.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:666dcb6062e1839717ea3a3e6a866c09e2dc93b3825ff2aa5a42e36b97104e8b
+size 186178
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Inner-Fill-Rounded.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Inner-Fill-Rounded.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0080888464176a0a303d6fa7ac5962c88c76fa80aaaa90cd34e7631caf19f960
+size 195022
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Anchor.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Anchor.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f2052a632896a084dabb2010cb92da49845d75c23f459fd5731dff48e79830de
+size 192786
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Opaque.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Opaque.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:103a51d1351c9bda148b1746efed05e4de98f9bbb9b12b46f10140c48b1840dc
+size 199399
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Preview.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Preview.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2d88b658016ed624200c50d4659d97bc582d3f9e2bce081e11eafd5a0fbf5861
+size 186275
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Repositioned.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Repositioned.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1e13d05cee8371840f19b84e7c8e4b3a77a719b22db229c2d6c534c77556b6fc
+size 152708
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Resized.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Resized.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:561f2164e154d86df2d61328808e31d52d59cc709cac41abc9ebcf824bb11449
+size 174249
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Rounded.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Rounded.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5fcadb71d17f2e57a0ed7392d6f219ff142307b17e38bb6efe7812a36d3a0bc1
+size 198929
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Stroked.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame-Stroked.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9dd6857a0c61107d5ae8dcf1054e1883aa645cab0dee1089f735766eb1859a57
+size 198493
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-Design-Parent-Frame.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:412ea04bb4bfdda8d94d276793e9c4f6a270eaa1f20232c5f6e56b6273042457
+size 190818
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/Meter-DeviceSafeInsets.png b/content/en-us/assets/tutorials/creating-hud-meters/Meter-DeviceSafeInsets.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ce95b21ffc9862b634758817fa4e9b464337263627b44395a7fa77d8f29546be
+size 319179
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/ScreenGui-Axis-Ranges.png b/content/en-us/assets/tutorials/creating-hud-meters/ScreenGui-Axis-Ranges.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3947a554a746d1daf7c18207eb25282527af47c8fb414828a4a2c817616dce2d
+size 302498
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/ScreenGui-With-Padding.png b/content/en-us/assets/tutorials/creating-hud-meters/ScreenGui-With-Padding.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:efa2b57cc1519129e8a8f01a9e228272fb3a6b9cfb3bd21a5d1d0583b68de2ee
+size 329790
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-Icon-UIAspectRatioConstraint.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-Icon-UIAspectRatioConstraint.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3c9886695f4925b9c4d765f2ab1413cf4f12c30911942e183c942ce1d4c951fa
+size 52084
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-Icon-Values.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-Icon-Values.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c5505224bbf8be72a4b1e3233659677062938978278474080e743e432f09d523
+size 30135
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-Icon.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-Icon.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:18ba8a9fc5e659efc2ef4e0ed568b51da0a830ae6a38cbffd86d82d8cb56bb4d
+size 46277
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-InnerFill-UICorner.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-InnerFill-UICorner.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b05f726507f8709c620d09d4bc7ea68e680e8bf0cc9ebbf2aba6c019fb2e877c
+size 44205
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-InnerFill.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-InnerFill.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1eda512b1c1591c68c656d80d574f57e5aca227502d205cd596618e470a4357a
+size 39179
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-UICorner.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-UICorner.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:029fb73d34b91f49d945b3a1c22ecaafcf44df4f9221e665a151b674ad36593f
+size 35230
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-UISizeConstraint-Values.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-UISizeConstraint-Values.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f0c5e228b5e7de19b6692b1f9d3671b510b67fa123edca4f1bd5b27dbc6f4a0c
+size 31273
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-UISizeConstraint.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-UISizeConstraint.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3bea3e7c7eefaec4bf6e7e9b12174b2ca60c04c7f2906e947e7648e201af78dc
+size 55744
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-UIStroke.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar-UIStroke.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:3f3f5d74b11122e953e874ca9068ccdf948d96d15ba6d85b60f11425767c59a6
+size 32684
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-MeterBar.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:b426336714f937e93ce3045a3f27e5821f65bb7a3e1ff53d2678beb3b140bff1
+size 29988
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-UIPadding-Values.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-UIPadding-Values.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:294986837ce1553db0e89c9dc9bb6fc3ce62aced9db906f4460d05ce391107c1
+size 76544
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-UIPadding.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer-UIPadding.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:32625407f11928d2c961509aacf797f6ea9e6b1febfbc00972a62a5c348a5a88
+size 31013
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterGui-HUDContainer.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e15104ea168274809f4b8f8c3cba916941480e7a57abf3340e7af0aacf8b86eb
+size 32140
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterPlayer-StarterCharacterScripts-UpdateCustomMeter.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterPlayer-StarterCharacterScripts-UpdateCustomMeter.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a00674ec3450204b597ff03678c8b76944071c65ddf9f27cab60ac5d5b306f4a
+size 59460
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterPlayer-StarterCharacterScripts.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterPlayer-StarterCharacterScripts.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9c2871694028bff3b73a5b1b7bcbd4d2e0e90f363f78769f80bbf8d49028a367
+size 43561
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterPlayer-StarterPlayerScripts-HideDefaultHealthMeter.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterPlayer-StarterPlayerScripts-HideDefaultHealthMeter.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:81d89fdac558d99d9952ff3e90e83c733611df440657104b8215aeb33893ce6b
+size 44179
diff --git a/content/en-us/assets/tutorials/creating-hud-meters/StarterPlayer-StarterPlayerScripts.png b/content/en-us/assets/tutorials/creating-hud-meters/StarterPlayer-StarterPlayerScripts.png
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2e560c826f826b00f4959a58bca709f5a9d638e6750ad87fbd446b6309c9bcdd
+size 34973
diff --git a/content/en-us/assets/tutorials/landing/UI.png b/content/en-us/assets/tutorials/landing/UI.png
@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:2fa0a9da9281256f16571110d330534188e10d06786bdaba4b93776c8a02de40
-size 202486
+oid sha256:d6f6f4369322ad388bfd829c21706eb9e6887c0ae4f0717d6d4d1330819bee2e
+size 148678
diff --git a/content/en-us/includes/studio/device-emulator.md b/content/en-us/includes/studio/device-emulator.md
@@ -4,8 +4,8 @@ title: include
 
 The **Device** emulator lets you emulate various devices directly in Studio, providing insight on how controls operate on a mobile device or how [on-screen UI](../../ui/on-screen-containers.md) displays on different screens and aspect ratios.
 
-<img src="../assets/studio/general/Test-Tab-Emulation-Device.png" width="840" alt="Device button indicated in Test tab" />
+<img src="../assets/studio/general/Test-Tab-Emulation-Device.png" width="800" alt="Device button indicated in Test tab" />
 
-In emulation mode, you can select devices from the **Device Selector** dropdown menu above the 3D viewport to emulate less powerful devices and test [streaming-enabled](../../workspace/streaming.md) experiences where 3D content dynamically loads/unloads based on available memory. You can also adjust the **view&nbsp;size** and change the **device orientation** between landscape and portrait modes.
+In emulation mode, you can select devices from the **device selector** dropdown menu above the 3D viewport to emulate less powerful devices and test [streaming-enabled](../../workspace/streaming.md) experiences where 3D content dynamically loads/unloads based on available memory. You can also adjust the **view&nbsp;size** and change the **orientation** between landscape and portrait modes.
 
-<img src="../assets/studio/general/Editor-Window-Emulation-Options.jpg" width="800" alt="Emulation options above the 3D viewport" />
+<img src="../assets/studio/general/Editor-Window-Emulation-Options.png" width="840" alt="Emulation options above the 3D viewport" />
diff --git a/content/en-us/tutorials/index.md b/content/en-us/tutorials/index.md
@@ -196,10 +196,10 @@ While many creators focus on a single area, the following tutorials walk you thr
    <Typography variant='h4'>UI</Typography>
    <Typography variant='body1' >
      <ul>
-     <li>Learn how to display <a href="./use-case-tutorials/ui/interfaces-on-parts.md">informative UI</a> in the 3D space</li>
+		 <li>Learn how to combine UI objects with scripts to create a [custom health meter](./use-case-tutorials/ui/creating-hud-meters.md)</li>
      <li>Learn how to create <a href="./use-case-tutorials/ui/proximity-prompts.md">interactive prompts</a> that only appear as players approach 3D objects</li>
      <li>Learn how to create <a href="./use-case-tutorials/ui/interactive-buttons.md">2D buttons</a> on the player's screen for actions and menus</li>
-     <li>Learn how to combine <a href="./use-case-tutorials/ui/creating-a-score-bar.md">UI objects with scripts</a> to display player information</li>
+		 <li>Learn how to display <a href="./use-case-tutorials/ui/interfaces-on-parts.md">informative UI</a> in the 3D space</li>
      </ul></Typography>
      <div style={{marginTop:16}}>
      </div>
diff --git a/content/en-us/tutorials/use-case-tutorials/ui/creating-hud-meters.md b/content/en-us/tutorials/use-case-tutorials/ui/creating-hud-meters.md
diff --git a/content/en-us/tutorials/use-case-tutorials/use-case-tutorial-overview.md b/content/en-us/tutorials/use-case-tutorials/use-case-tutorial-overview.md
diff --git a/content/en-us/ui/on-screen-containers.md b/content/en-us/ui/on-screen-containers.md
diff --git a/content/en-us/ui/positioning-and-sizing.md b/content/en-us/ui/positioning-and-sizing.md
