Roblox UI는 화면에 한 번 나타났다고 끝나지 않습니다. 데스크톱에서는 멀쩡한 메뉴가 모바일에서 겹치거나, 작은 버튼이 터치하기 어렵거나, 상단 상태 표시가 기기의 세이프존을 침범할 수 있습니다. UI에 이미지가 필요하면 파일을 만들고 Roblox에 올린 뒤, asset ID를 찾아 Studio 속성에 넣는 작업도 생깁니다.
WEPPY를 연결한 AI 에이전트에게 UI 제작을 맡기면 Studio에서 화면을 만들고, 캡처 결과를 확인하며 문제가 있는 부분을 다시 고칠 수 있습니다. 필요한 이미지는 WEPPY가 Roblox Open Cloud에 업로드하고 UI 속성에 적용합니다.
AI에게 요청한 UI를 Roblox Studio에 바로 만듭니다
예를 들어 AI 에이전트에게 다음처럼 요청합니다.
전술 작전 게임 분위기의 메인 메뉴를 만들어줘.
왼쪽에는 작전 메뉴, 가운데에는 현재 임무와 지도를 배치하고,
데스크톱을 우선하되 모바일 가로 화면에서도 주요 버튼이 겹치지 않게 해줘.WEPPY는 현재 StarterGui와 선택된 UI를 확인하고, 새 화면을 만들지 기존 화면을 수정할지 판단할 수 있도록 필요한 맥락을 AI 에이전트에 전달합니다. 에이전트는 화면의 목적, 주요 행동, 정보 우선순위, 대상 기기를 정리한 뒤 ScreenGui, Frame, TextLabel, ImageLabel 같은 Roblox UI 객체를 구성합니다.
메인 메뉴처럼 화면 전체를 사용하는 UI와 플레이 중 계속 표시되는 HUD는 정보 구조와 배치 목적이 다릅니다. AI 에이전트는 요청한 게임 장르와 화면 역할에 맞춰 서로 다른 레이아웃을 만들고, WEPPY를 통해 결과를 Studio에 바로 반영합니다.
위 화면에서는 메인 메뉴와 별도로 플레이 중 필요한 정보만 가장자리에 배치했습니다. 중앙 플레이 영역을 가리지 않으면서 미니맵, 목표, 팀 점수, 체력, 장비와 탄약을 읽을 수 있도록 구성한 예입니다.
만든 화면을 캡처하고 개선할 부분을 확인합니다
UI를 생성한 다음에는 현재 상태를 캡처해 실제 배치를 확인합니다. WEPPY Dashboard의 UI Studio에서는 변경 전후 화면과 수정 내용을 다시 볼 수 있고, 같은 UI를 대상으로 개선 제안을 갱신할 수 있습니다.
점검 대상은 단순한 문법 오류가 아닙니다. 실제 UI 객체의 크기와 위치를 기준으로 다음 항목을 살펴봅니다.
- 버튼과 상호작용 영역이 대상 입력 방식에서 충분히 큰지
- 텍스트 크기와 전경·배경 대비가 읽기에 적절한지
- 중요한 정보와 버튼이 세이프존 안에 있는지
- 작은 화면에서 요소가 화면 밖으로 나가거나 서로 겹치는지
- 키보드, 게임패드, 터치에서 주요 행동에 접근할 수 있는지
- HUD가 플레이에 필요한 중앙 시야를 과도하게 가리지 않는지
점검 결과는 문제의 경로와 현재 상태, 권장 수정 방향을 함께 남깁니다. 제안 내용을 AI 에이전트에 다시 전달하면 해당 UI 객체만 수정하고 새 화면을 캡처해 전후 결과를 비교할 수 있습니다.
플랫폼과 해상도별 검토 범위를 구분합니다
모든 화면을 한 기준으로 검사하면 반응형 문제를 놓치기 쉽습니다. WEPPY에서는 데스크톱, 휴대폰, 태블릿, 콘솔처럼 우선순위가 다른 대상과 화면 방향을 UI 작업 조건에 포함할 수 있습니다. 프로젝트에서 실제로 지원해야 하는 화면을 먼저 정하고, 대표 화면에서 시각 구성을 다듬은 뒤 호환 대상 화면으로 검토 범위를 넓히는 방식입니다.
Roblox Studio가 대상 기기 시뮬레이션을 지원하는 환경에서는 선언한 viewport profile의 크기, 방향, 입력 방식을 적용해 화면을 캡처하고 점검할 수 있습니다. 데스크톱에서는 맞지만 작은 가로 화면에서 버튼이 겹치는 경우처럼, 특정 profile에서만 나타나는 문제도 대상 경로와 실제 위치 정보를 기준으로 확인합니다.
검토 범위도 결과에 함께 기록됩니다. 기기 시뮬레이션을 사용할 수 없는 환경에서는 현재 viewport 점검만 수행하고 반응형 화면 검토는 생략된 상태로 남깁니다. 따라서 개선 제안이 0건이어도 모든 플랫폼과 상호작용 상태를 확인했다는 의미로 해석하지 않습니다. 현재 UI 캡처는 Roblox Studio Edit 모드를 기준으로 동작하며, 플레이테스트 중 화면 캡처는 지원되지 않습니다.
필요한 이미지는 WEPPY가 Roblox에 올리고 바로 적용합니다
UI의 완성도를 높이려면 캐릭터 초상화, 아이콘, 배경 패턴, 버튼 장식 같은 이미지가 필요할 때가 많습니다. ImageGen 같은 이미지 생성 도구를 사용할 수 있는 Codex 환경이나 다른 AI 에이전트라면 필요한 이미지를 로컬 파일로 만들 수 있습니다. 사용할 이미지를 고르면 WEPPY가 Asset Library에 저장하고 Roblox Open Cloud에 업로드한 뒤 UI에 적용합니다. WEPPY가 외부 이미지 모델을 직접 호출하는 방식이 아니라, 연결한 에이전트의 이미지 생성 기능과 WEPPY의 asset 기능을 함께 사용합니다.
위 화면처럼 캐릭터 초상화와 가방, 스킬, 퀘스트 아이콘이 필요한 UI라면 다음 순서로 작업합니다.
- AI 에이전트가 UI 역할과 스타일에 맞는 이미지 후보를 생성합니다.
- 사용할 이미지를 확인하고 선택합니다.
- WEPPY가 선택한 파일을 Asset Library에 저장하고 Open Cloud 설정과 대상 Creator를 확인합니다.
- 업로드를 승인하면 WEPPY가 이미지를 Roblox Open Cloud에 자동으로 업로드하고 처리 완료를 확인합니다.
- WEPPY가 발급된
rbxassetid://...URI를ImageLabel,ImageButton,Decal,Texture같은 속성에 적용합니다. - 이미지를 포함한 UI를 다시 캡처하고 배치와 가독성을 점검합니다.
업로드 전에는 사용할 파일과 대상 Creator만 확인합니다. 승인한 뒤에는 WEPPY가 Open Cloud 업로드, 처리 상태 확인, asset URI 적용을 자동으로 진행합니다. Open Cloud API key에 필요한 Assets 권한이 설정되어 있다면 Creator Dashboard를 열어 파일을 올리고 ID를 복사해 붙여넣을 필요가 없습니다.
한 번에 완성하려 하지 않고 짧게 나눠 작업합니다
실제 작업에서는 요청 → 생성 → 캡처 → 점검 → 수정 순서를 짧게 반복하는 편이 안전합니다. 레이아웃과 주요 행동이 안정된 뒤 이미지를 만들고, Open Cloud 업로드와 적용을 진행하면 디자인 변경 때문에 asset 작업을 다시 하는 일을 줄일 수 있습니다.
다음과 같이 완료 조건을 화면과 검토 범위까지 포함해 요청하면 AI 에이전트가 작업 범위를 더 정확하게 이해합니다.
카툰 RPG용 플레이 HUD를 만들어줘.
캐릭터 상태, 지역 이름, 재화, 현재 목표와 하단 메뉴를 포함해줘.
데스크톱을 주 화면으로 만들고 모바일 가로 화면에서도 확인해줘.
터치 영역, 텍스트 겹침, 세이프존과 중앙 시야 가림을 점검한 뒤 수정해줘.
레이아웃이 정리되면 캐릭터 초상화와 메뉴 아이콘을 생성해 보여줘.
내가 선택한 이미지만 Roblox에 업로드하고 각 ImageLabel에 적용한 다음,
최종 화면을 다시 캡처해줘.핵심은 UI를 한 번 생성하는 데 그치지 않고 결과를 확인하며 수정하는 것입니다. WEPPY를 사용하면 AI 에이전트가 Roblox UI를 만들고 점검한 뒤, 필요한 이미지를 생성해 Open Cloud에 업로드하고 UI에 적용할 수 있습니다.