로블록스 기본 GUI 버튼 제작 (예: "게임 시작" 버튼)

안녕하세요! 😊 오늘은 로블록스에서 가장 기본적이면서도 중요한 GUI 버튼 제작을 실제 코드와 함께 다뤄보겠습니다. 이번에 만들어볼 예제는 화면 중앙에 나타나는 “게임 시작” 버튼입니다. 버튼을 누르면 사라지고, 플레이어가 게임을 시작할 수 있도록 하는 구조를 만들어 보겠습니다.

🔹 1. ScreenGui 생성

1. Explorer 창에서 StarterGui를 선택합니다.
2. 마우스 오른쪽 클릭 → Insert Object → ScreenGui 추가
3. 새로 만든 ScreenGui 안에 TextButton을 넣습니다.

이제 버튼의 뼈대가 준비되었습니다.

🔹 2. TextButton 설정

TextButton을 클릭한 후 Properties 창에서 다음과 같이 설정할 수 있습니다.

• Name: StartButton
• Text: "게임 시작"
• Size: {0, 200},{0, 100} (가로 200, 세로 100)
• Position: 화면 중앙에 배치하려면 0.5, -100 (X축), 0.5, -50 (Y축) 정도로 설정
• BackgroundColor3: 원하는 색상 (예: 초록색)

이렇게 하면 화면에 “게임 시작” 버튼이 보이게 됩니다.

🔹 3. 버튼 동작 스크립트 작성

이제 버튼이 눌렸을 때 동작하도록 스크립트를 넣겠습니다.

1. StartButton을 마우스 오른쪽 클릭 → Insert Object → LocalScript 추가
2. 아래 코드를 붙여넣습니다.

-- StartButton 안에 들어가는 LocalScript

-- 버튼 객체 불러오기
local button = script.Parent
local player = game.Players.LocalPlayer

-- 버튼 클릭 시 실행될 함수
local function onButtonClick()
	-- 버튼 숨기기
	button.Visible = false

	-- 버튼이 들어 있는 ScreenGui도 같이 숨기고 싶다면:
	button.Parent.Enabled = false

	-- 게임 시작 시 추가할 동작을 여기에 작성
	-- 예: 캐릭터 움직임 제한 해제, 안내 메시지 띄우기 등
	print(player.Name .. "님이 게임을 시작했습니다!")
end

-- 클릭 이벤트 연결
button.MouseButton1Click:Connect(onButtonClick)

 

🔹 4. 실행 흐름

1. 플레이어가 게임에 들어오면 화면 중앙에 “게임 시작” 버튼이 표시됩니다.
2. 버튼을 누르면 → 버튼이 사라지고 게임이 시작됩니다.
3. 스크립트 안에서 print 대신 실제 원하는 기능(예: 카메라 전환, 안내 메시지, 튜토리얼 시작)을 넣어 확장할 수 있습니다.

🎯 마무리

오늘은 로블록스에서 가장 기본적인 GUI 버튼 제작을 실습해봤습니다.

• ScreenGui 생성 → TextButton 추가 → 속성 설정 → LocalScript 연결
  이라는 흐름을 잘 익히면, 앞으로 메뉴 버튼, 옵션 버튼, 종료 버튼 등 다양한 UI를 손쉽게 만들 수 있습니다.

👉 이 기초만 익혀도 게임의 완성도가 확 달라진답니다! 🚀