x

cubzh.lua

@@ -42,8 +42,17 @@ local onboardingConfig = {
 			start = function(onboarding, step)
 				local ui = require("uikit")
 				local data = {}
-				data.ui = ui:createText("Hold click and drag to move camera", Color.White)
-				data.ui.pos = { Screen.Width * 0.5 - data.ui.Width * 0.5, Screen.Height * 0.5 - data.ui.Height * 0.5 }
+				data.ui = ui:createFrame(Color(0, 0, 0, 0.5))
+				local text = ui:createText("Hold click and drag to move camera", Color.White)
+				text:setParent(data.ui)
+				data.ui.parentDidResize = function()
+					data.ui.Width = text.Width + text.Height
+					data.ui.Height = text.Height * 2
+					text.pos = { data.ui.Width * 0.5 - text.Width * 0.5, data.ui.Height * 0.5 - text.Height * 0.5 }
+					data.ui.pos =
+						{ Screen.Width * 0.5 - data.ui.Width * 0.5, Screen.Height * 0.2 - data.ui.Height * 0.5 }
+				end
+				data.ui:parentDidResize()
 
 				data.listener = LocalEvent:Listen(LocalEvent.Name.PointerDrag, function()
 					Timer(1, function()
@@ -63,8 +72,17 @@ local onboardingConfig = {
 			start = function(onboarding, step)
 				local ui = require("uikit")
 				local data = {}
-				data.ui = ui:createText("Use WASD/ZQSD to move", Color.White)
-				data.ui.pos = { Screen.Width * 0.5 - data.ui.Width * 0.5, Screen.Height * 0.5 - data.ui.Height * 0.5 }
+				data.ui = ui:createFrame(Color(0, 0, 0, 0.5))
+				local text = ui:createText("Use WASD/ZQSD to move", Color.White)
+				text:setParent(data.ui)
+				data.ui.parentDidResize = function()
+					data.ui.Width = text.Width + text.Height
+					data.ui.Height = text.Height * 2
+					text.pos = { data.ui.Width * 0.5 - text.Width * 0.5, data.ui.Height * 0.5 - text.Height * 0.5 }
+					data.ui.pos =
+						{ Screen.Width * 0.5 - data.ui.Width * 0.5, Screen.Height * 0.2 - data.ui.Height * 0.5 }
+				end
+				data.ui:parentDidResize()
 
 				data.listener = LocalEvent:Listen(LocalEvent.Name.KeyboardInput, function()
 					Timer(1, function()