디바이스 시뮬레이터는 Roblox Studio의 툴바로, 보지 못하는 디바이스에서 경험이 어떻게 보이고 작동하는지를 미리 볼 수 있습니다. 디바이스의 화면 크기, 픽셀 밀도, 화면 키보드 및 플랫폼을 시뮬레이션합니다. 컨트롤은 별도의 패널이 아닌 3D 뷰포트 위의 툴바에 위치하여 플레이 테스트 중에도 쉽게 접근할 수 있습니다.
디바이스 시뮬레이터는 베타 상태이며, 기능이 변경될 수 있습니다. 이를 활성화하려면 파일을 열고 베타 기능을 선택한 다음 새 디바이스 시뮬레이터를 활성화하고 Studio를 재시작하세요.
디바이스 시뮬레이터 열기
장소가 열려 있을 때 툴바가 3D 뷰포트 위에 나타납니다. 편집 모드와 플레이 모드 모두에서 사용할 수 있으므로 플레이 테스트 중에 시뮬레이션된 디바이스를 변경할 수 있습니다.
디바이스 시뮬레이션
툴바의 왼쪽에는 디바이스 카테고리당 하나의 버튼이 있으며, 그 뒤에는 활성 디바이스의 이름이 적힌 칩이 있습니다.
| 카테고리 | 시뮬레이션하는 내용 |
|---|---|
| 전화 | 터치 입력 및 화면 키보드를 포함한 전화기 및 태블릿. |
| 데스크탑 | 데스크탑 및 노트북 해상도. |
| 콘솔 | 콘솔 출력 해상도 및 게임패드 우선 입력. |
| 헤드셋 | VR 헤드셋. |
카테고리를 클릭하면 해당 카테고리의 기본 디바이스로 전환됩니다. 카테고리 내에 시뮬레이션할 수 있는 디바이스가 없으면 비활성화됩니다. 디바이스 칩을 클릭하면 디바이스 메뉴가 열리며, 디바이스가 그룹화되어 테스트 중인 트레이드오프를 명확히 합니다:
- 전화: 플래그십, 중급, 입문용으로 성능 사다리를 따라 레이아웃을 확인할 수 있습니다.
- 데스크탑, 콘솔, 헤드셋: 각 카테고리당 하나의 내장 디바이스 그룹.
- 사용자 정의: 직접 만든 디바이스, 모든 카테고리에서.
- 현재 디바이스: 시뮬레이션 없음. 데스크탑 아래에 나열된 자신의 모니터와 입력.
메뉴의 마지막 행인 디바이스 관리는 디바이스 관리자를 엽니다.
디바이스 컨트롤
툴바의 오른쪽에는 시뮬레이션된 디바이스에 적용되는 작업이 있습니다. 어떤 작업이 나타나는지는 시뮬레이션하는 내용에 따라 다릅니다.
| 컨트롤 | 사용 가능 디바이스 | 설명 |
|---|---|---|
| 회전 | 전화기 및 태블릿 | 시뮬레이션된 디바이스를 다음 방향으로 회전합니다. |
| 안드로이드 뒤로 가기 버튼 모의 | 안드로이드 디바이스 | 뒤로 가기 버튼을 누릅니다. 클라이언트 뷰가 활성화되어 있는 동안 사용 가능합니다. |
| 터치 컨트롤 | 전화기 및 태블릿 | 플레이 테스트 중 멀티 터치 제스처를 대신하는 키보드 및 마우스 단축키를 나열합니다. |
| 가상 컨트롤러 | 모든 디바이스 | 컨트롤러 에뮬레이터를 전환하여 게임패드, VR 컨트롤러 및 TV 리모컨을 에뮬레이트합니다. |
| 디스플레이 스케일링 | 디바이스 시뮬레이션 중 | 시뮬레이션된 화면이 모니터에 어떻게 매핑되는지를 선택합니다. |
터치 입력 시뮬레이션
마우스는 하나의 접촉점을 가지므로 두 개의 접촉점이 필요한 제스처는 수정 키에 매핑됩니다. 터치 컨트롤을 열어 플랫폼에 대한 단축키를 확인하세요:
- 핀치 + 회전: Alt + 드래그
- 두 손가락 팬: Alt + Shift + 드래그
디스플레이 스케일링
시뮬레이션된 1080픽셀 높이의 전화 화면과 1080픽셀 높이의 모니터는 픽셀 수는 같지만 물리적 크기는 매우 다릅니다. 따라서 한쪽에서 편안한 UI 요소가 다른 쪽에서는 읽을 수 없을 수 있습니다. 디스플레이 스케일링 메뉴는 뷰포트가 어떤 속성을 유지할지를 선택합니다:
| 모드 | 설명 |
|---|---|
| 물리적 크기 | 시뮬레이션된 화면의 실제 크기에 맞추어 화면 요소가 플레이어의 손에 있는 것처럼 크게 표시됩니다. |
| 실제 해상도 | 하나의 시뮬레이션된 픽셀이 모니터의 픽셀 하나에 매핑됩니다. |
| 창에 맞춤 | 시뮬레이션된 화면을 사용 가능한 뷰포트를 채우도록 스케일링합니다. |
물리적 크기는 Studio가 자신의 모니터 크기를 알 수 있을 때만 유지됩니다. Studio는 이를 직접 읽을 수 없습니다. 두 개의 메뉴 항목이 그 숫자를 제공합니다:
- 자동 감지 스케일링은 운영 체제가 디스플레이에 대해 보고하는 픽셀 밀도 및 스케일링 계수를 일치시킵니다. 이를 끄면 저장된 수동 보정으로 돌아갑니다. 이 항목은 물리적 크기 모드에서만 나타나며, 다른 두 모드에서는 효과가 없습니다.
- 물리적 스케일링 보정은 디스플레이를 수동으로 측정합니다. 슬라이더를 드래그하여 화면의 이미지가 학생증이나 도서관 카드의 너비와 일치할 때까지 조정합니다. 보정하면 자동 감지가 꺼지고 물리적 크기로 전환됩니다.
두 값은 세션 간에 유지되므로 한 번 보정하면 충분합니다.
디바이스 관리
디바이스 메뉴의 디바이스 관리는 디바이스 관리자를 열며, 각 카테고리마다 하나의 탭이 있습니다: 모바일, 데스크탑, 콘솔, 헤드셋. 시뮬레이션 중인 디바이스에 맞는 탭에서 열립니다.
표준 디바이스 표시 및 숨기기
표준 목록에는 Roblox의 내장 디바이스가 포함되어 있습니다. 디바이스 추가를 사용하여 툴바의 디바이스 메뉴에 표시할 디바이스를 선택하고, 나머지는 숨겨서 실제로 테스트하는 디바이스만 메뉴에 남길 수 있습니다. 디바이스를 숨겨도 삭제되지 않으므로 언제든지 다시 추가할 수 있습니다. 사용자 정의 디바이스는 항상 표시되며, 현재 시뮬레이션 중인 디바이스도 표시됩니다.
사용자 정의 디바이스 만들기
Roblox가 프로필을 제공하지 않는 하드웨어를 모델링하거나 동일한 전화에서 메모리만 절반으로 줄이는 것과 같은 단일 속성을 분리하기 위해 사용자 정의 디바이스를 추가합니다. 복제는 표준 디바이스를 시작점으로 복사합니다.
| 필드 | 설명 | 허용 값 |
|---|---|---|
| 이름 | 디바이스 메뉴에 표시되는 이름입니다. | 필수, 고유, 200자 이하. |
| 플랫폼 | 경험이 런타임에 보고하는 플랫폼입니다. | 시뮬레이션된 디바이스의 플랫폼. |
| 치수 | 픽셀 단위의 화면 너비와 높이입니다. | 너비 1 |
| 픽셀 밀도 | 인치당 픽셀 수로, 물리적 크기 스케일링을 결정합니다. | 72~10,000. |
| 키보드 높이 | 화면 키보드가 각 방향에서 차지하는 화면의 비율입니다. | 세로 및 가로, 0~4320. |
컨트롤러 입력 시뮬레이션
디바이스 시뮬레이션은 해당 하드웨어에서 경험이 어떻게 보이는지를 알려줍니다. 그러나 일치하는 컨트롤러를 손에 쥐어주지는 않습니다. 컨트롤러 에뮬레이터는 디바이스 시뮬레이터와 함께 작동하여 하드웨어와 함께 제공되는 게임패드, VR 컨트롤러, 핸드헬드 및 TV 리모컨을 에뮬레이트하므로, 이를 소유하지 않고도 입력을 테스트할 수 있습니다. 여기에서 콘솔, 헤드셋, 핸드헬드 또는 안드로이드 TV 디바이스를 선택하면 컨트롤러 에뮬레이터가 해당 디바이스의 일치하는 컨트롤러로 자동 전환됩니다.
네트워크 조건 시뮬레이션
디바이스 시뮬레이션은 해당 하드웨어에서 경험이 어떻게 보이는지를 알려줍니다. 그러나 해당 하드웨어의 연결에서 어떻게 느껴지는지는 알려주지 않습니다. 네트워크 시뮬레이터는 같은 툴바에 있으며, 플레이 테스트 중 트래픽을 조정하여 높은 지연, 지터 및 패킷 손실에 대해 테스트할 수 있도록 합니다. 두 번째 디바이스나 제한된 라우터 없이도 가능합니다.
예시 워크플로우
- 형태에 따라 레이아웃 확인하기. 전화, 태블릿, 콘솔을 클릭하고 뷰포트가 각각에 맞게 재조정되는 것을 확인하세요. 안전 영역, 오버플로우 및 앵커링 문제는 즉시 드러납니다.
- 성능 범위의 하단 테스트. 플래그십 대신 입문용 전화기를 시뮬레이션하고, UI가 여전히 해당 픽셀 밀도에서 읽히고 경험이 여전히 해당 메모리 예산에 맞는지 확인합니다.
- 터치 UX 검증. 터치 디바이스를 시뮬레이션하고 터치 단축키를 사용하여 입력이 예상한 위치에 도달하는지 확인합니다.
- 화면 키보드 확인. 전화기를 시뮬레이션하고 텍스트 필드에 포커스를 맞춘 후, 키보드가 입력 중에 플레이어가 필요한 컨트롤을 가리지 않는지 확인합니다.
- 물리적 크기 검증. 물리적 스케일링을 한 번 보정한 후, 물리적 크기 모드에서 전화기를 태블릿과 비교하여 작은 화면에서 탭 대상과 텍스트가 충분히 큰지 확인합니다.