다듬어진 자산 적용은 최종 환경을 구축하는 마지막 단계로, 게임의 미적 목표와 디자인 요구 사항을 충족하기 위해 회색 상자 자리 표시자 자산을 고품질 다듬어진 자산으로 교체하는 과정입니다. 이 커리큘럼의 흥미로운 섹션에서는 여러분의 세계가 생동감 있게 완전하고 출판 준비가 된 응집력 있는 환경으로 변모하는 모습을 볼 수 있습니다.
Island Jump - Final 파일을 참조하여, 이 튜토리얼 섹션에서는 Creator Store를 사용하여 샘플 자산 라이브러리를 프로젝트에 추가하고, 새로운 자산을 의미 있는 카테고리로 정리하기 위한 조직 구조를 계속 구축하며, 3D 공간에 자산 라이브러리를 적용하는 방법을 배웁니다.
이 장에서는 많은 정밀한 위치 지정 및 속성 구성이 필요합니다. 각 섹션에는 자산을 튜토리얼의 정확한 CFrame.Position 및 Scale 값으로 배치하는 Build with Assistant 옵션과, 자신의 레이아웃을 만들고 싶을 경우 사용할 수 있는 Apply your own 옵션이 포함되어 있습니다.
Assistant는 이러한 반복적이고 결정론적인 설정에 특히 효과적이며, 빌딩 프로세스를 가속화하는 유용한 방법입니다.
자산 라이브러리 가져오기
Creator Store는 여러분의 프로젝트에서 사용할 수 있도록 Roblox와 Roblox 커뮤니티에서 만든 모든 자산을 찾는 데 사용할 수 있는 Toolbox의 탭입니다. 여기에는 모델, 이미지, 메시, 오디오, 플러그인, 비디오 및 글꼴 자산이 포함됩니다. Creator Store를 사용하여 개별 자산이나 자산 라이브러리를 열린 게임에 직접 추가할 수 있습니다.
자산 라이브러리는 게임의 중앙 위치에 배치하여 쉽게 접근하고 재사용할 수 있는 자산 모음입니다. Creator Store에서 프로젝트에 사용할 자산 라이브러리에는 여섯 개의 3D 자산, 두 개의 사용자 정의 MaterialVariant 재료 및 기본 시각 효과 만들기에서의 최종 입자 효과가 포함되어 있습니다. 여섯 개의 메시 목록은 다음과 같습니다:
이 자산들은 단일 MeshPart 객체이거나 여러 메시를 포함하는 Model 객체입니다. 이들은 사실적인 음영을 위해 사용자 정의 재료와 물리 기반 렌더링(PBR) 텍스처를 사용합니다. 자세한 내용은 재료 - 사용자 정의 재료 및 PBR 텍스처를 참조하세요.
자산 라이브러리를 인벤토리에서 게임으로 가져오려면:
Creator Store에서 자산 라이브러리의 세부 정보 페이지를 열고 오른쪽 상단의 모델 가져오기를 클릭합니다. 이제 라이브러리가 인벤토리에 추가되었으며, 이 자산을 플랫폼의 모든 프로젝트에서 재사용할 수 있습니다.
Studio로 돌아가서 홈 툴바 탭에서 Toolbox를 클릭하고 인벤토리 탭으로 전환한 후 Core Building and Scripting 타일을 클릭합니다. 라이브러리가 뷰포트에 나타납니다.
몇몇 메시가 텍스처가 없어 회색으로 보일 수 있습니다. 이는 해당 재료가 아직 설치되지 않은 MaterialVariant 객체를 참조하기 때문입니다. 이를 수정하려면 자산 라이브러리에서 Moss_Lumpy_A와 Moss_Strata_Noisy_A를 Explorer의 MaterialService 컨테이너로 드래그합니다. 텍스처가 제자리에 맞춰집니다.
조직 구조 계속하기
자산을 배치하기 전에 회색 상자 플레이 가능한 영역에서 시작한 폴더 구조를 확장합니다:
- Explorer에서 World 안에 두 개의 새 폴더를 추가하고 이름을 Platforms와 Mountains로 지정합니다.
- Platforms 안에 각 해양 스택 레벨에 대한 Model을 추가하고 회색 상자 레벨에 맞게 이름을 지정합니다. 예를 들어, 샘플 게임에는 환경의 모든 플랫폼에 대해 18개의 개별 모델 컨테이너가 있습니다.
자산 라이브러리 적용
이제 회색 상자 위에 다듬어진 자산을 배치합니다. 각 섹션은 세 가지 경로를 제공합니다: Build with Assistant(Assistant가 샘플의 정확한 좌표에 모든 자산을 배치하도록 허용), Apply your own(자신의 사용자 정의 레이아웃에 맞게 자산을 배치), Recreate the sample(샘플의 정확한 좌표에 수동으로 배치).
스크린샷은 자리 표시자 자산을 반투명하게 만들어 단계 간의 진행 상황을 볼 수 있도록 합니다.
플랫폼
라이브러리에는 두 개의 플랫폼 Model 객체(각각 두 개의 MeshPart 자식으로 구성됨)가 포함되어 있습니다:
- PlatformA — 첫 번째 및 마지막 플랫폼에 사용되는 금속 원형 베이스가 포함되어 있습니다.
- PlatformB — 중간 플랫폼에 사용되는 기본 지형 캡이 포함되어 있습니다.
아래 각 행에 대해 "Core Building and Scripting"이라는 자산 라이브러리에서 일치하는 메시를 Workspace > World > Platforms > <Parent Model>에 복사하고 Origin.Position 및 Scale을 설정합니다.
PlatformA 자산:
- Level_1: Origin.Position -30, 3, 9; Scale 2.2
- Level_2: Origin.Position -24, 11, 24; Scale 1.4
- Level_3a: Origin.Position 34, 31, 9.5; Scale 0.7
- Level_3b: Origin.Position 79, 31, 2; Scale 0.6
- Level_7: Origin.Position 402, 312, 79; Scale 1.1
PlatformB 자산:
- Level_3c: Origin.Position 89, 31, 48; Scale 0.8
- Level_4a: Origin.Position 104, 65.5, 46.5; Scale 0.6
- Level_4b: Origin.Position 127, 66, 67.5; Scale 0.6
- Level_4b: Origin.Position 133.5, 164.5, 70.5; Scale 0.7
- Level_4c: Origin.Position 152, 65.5, 91; Scale 1
- Level_4d: Origin.Position 200, 66, 107; Scale 0.5
- Level_4e: Origin.Position 238.5, 66, 81; Scale 0.8
- Level_5a: Origin.Position 262, 120, 57.5; Scale 0.7
- Level_5b: Origin.Position 245, 122, 15; Scale 0.4
- Level_5c: Origin.Position 271, 122.5, -5.5; Scale 0.4
- Level_5d: Origin.Position 318, 121, -22; Scale 0.9
- Level_6a: Origin.Position 363, 201, -52.5; Scale 1.2
- Level_6b: Origin.Position 381, 201, 11; Scale 0.4
- Level_6c: Origin.Position 389, 201, 47; Scale 0.6
해양 스택
샘플 자산 라이브러리에는 해양 스택 플랫폼의 기둥을 형성하기 위해 창의적으로 쌓을 수 있는 두 가지 유형의 해양 스택 바위 형성이 포함되어 있습니다:
- SeaStackMesh – 단단한 바위 형성을 포함합니다.
- SeaStackCaveMesh – 터널과 단단한 상단을 포함합니다.
두 플랫폼 유형은 MeshPart 객체입니다.
아래 각 행에 대해 "Core Building and Scripting" 자산 라이브러리에서 일치하는 메시를 Workspace > World > Platforms > <Parent Model>에 복사하고 크기, CFrame.Position 및 CFrame.Orientation을 설정합니다. 모든 메시의 종류는 SeaStackMesh입니다.
Level_3a:
- 크기 31, 31, 34; CFrame.Position 31, 14, 15.5; CFrame.Orientation 0, 72, 0
- 크기 32, 37, 34; CFrame.Position 39, 11, 6; CFrame.Orientation 0, 162, 0
- 크기 32, 36, 34; CFrame.Position 31, 13, 7.5; CFrame.Orientation 0, 68, 0
Level_3b:
- 크기 35, 47, 36; CFrame.Position 80, 7, 4; CFrame.Orientation 0, -18, 0
Level_3c:
- 크기 52, 69, 53; CFrame.Position 90, -4, 48; CFrame.Orientation 0, -18, 0
Level_4a:
- 크기 43, 49, 43; CFrame.Position 103, 5, 48; CFrame.Orientation 0, -119, 0
- 크기 37, 49, 38; CFrame.Position 104, 41, 47; CFrame.Orientation 0, -18, 0
Level_4b:
- SeaStackCaveMesh; 크기 54, 67, 53; CFrame.Position 131, 88, 71; CFrame.Orientation 0, -111, 0
- 크기 66, 85, 65; CFrame.Position 133, 23, 71; CFrame.Orientation 0, 87, 0
- 크기 46, 55, 47; CFrame.Position 133, 136, 71; CFrame.Orientation 0, -79, 0
Level_4c:
- 크기 63, 81, 62; CFrame.Position 151, 25, 91; CFrame.Orientation 0, -50, 0
Level_4d:
- 크기 35, 39, 35; CFrame.Position 198, -4, 108; CFrame.Orientation 0, -44, 0
- 크기 33, 36, 32; CFrame.Position 199, 21, 108; CFrame.Orientation 0, -119, 0
- 크기 27, 36, 28; CFrame.Position 199, 48, 108; CFrame.Orientation 0, -18, 0
Level_4e:
- 크기 57, 65, 57; CFrame.Position 239, -14, 82; CFrame.Orientation 0, -63, 0
- 크기 48, 65, 50; CFrame.Position 239, 34, 81; CFrame.Orientation 0, 39, 0
Level_5a:
- 크기 56, 62, 54; CFrame.Position 264, 11, 55; CFrame.Orientation 0, 150, 0
- 크기 50, 57, 50; CFrame.Position 263, 50, 57; CFrame.Orientation 0, 75, 0
- 크기 43, 57, 44; CFrame.Position 262, 92, 57; CFrame.Orientation 0, 176, 0
Level_5b:
- 크기 47, 36, 40; CFrame.Position 245, -16, 15; CFrame.Orientation 0, 0, 0
- 크기 38, 38, 41; CFrame.Position 245, 11, 14; CFrame.Orientation 0, 100, 0
- 크기 36, 38, 34; CFrame.Position 243, 34, 15; CFrame.Orientation 0, -164, 0
- 크기 31, 34, 30; CFrame.Position 244, 62, 16; CFrame.Orientation 0, -45, 0
- 크기 28, 32, 28; CFrame.Position 244, 83, 15; CFrame.Orientation 0, -120, 0
- 크기 24, 32, 24; CFrame.Position 244, 106, 15; CFrame.Orientation 0, -18, 0
Level_5c:
- 크기 45, 34, 38; CFrame.Position 270, -8, -6; CFrame.Orientation 0, 180, 0
- 크기 36, 35, 38; CFrame.Position 270, 17, -5; CFrame.Orientation 0, -80, 0
- 크기 34, 35, 32; CFrame.Position 272, 40, -5; CFrame.Orientation 0, 16, 0
- 크기 29, 32, 29; CFrame.Position 271, 65, -7; CFrame.Orientation 0, 136, 0
- 크기 26, 30, 26; CFrame.Position 271, 86, -6; CFrame.Orientation 0, 61, 0
- 크기 22, 30, 23; CFrame.Position 270, 108, -6; CFrame.Orientation 0, 162, 0
Level_5d:
- 크기 65, 71, 63; CFrame.Position 315, -5, -27; CFrame.Orientation 0, -161, 0
- 크기 58, 66, 58; CFrame.Position 315, 39, -25; CFrame.Orientation 0, 124, 0
- 크기 50, 66, 51; CFrame.Position 315, 89, -24; CFrame.Orientation 0, -134, 0
Level_6a:
- 크기 94, 104, 92; CFrame.Position 358, 32, -56; CFrame.Orientation 0, -123, 0
- 크기 85, 96, 84; CFrame.Position 360, 97, -54; CFrame.Orientation 0, 162, 0
- 크기 72, 71, 74; CFrame.Position 361, 165, -52; CFrame.Orientation 0, -79, 0
Level_6b:
- 크기 44, 65, 47; CFrame.Position 380, 17, 9; CFrame.Orientation 0, -143, 0
- 크기 46, 44, 39; CFrame.Position 380, 61, 11; CFrame.Orientation 0, -78, 0
- 크기 37, 37, 40; CFrame.Position 381, 92, 11; CFrame.Orientation 0, 22, 0
- 크기 35, 37, 33; CFrame.Position 381, 115, 10; CFrame.Orientation 0, 118, 0
- 크기 30, 33, 30; CFrame.Position 379, 141, 10; CFrame.Orientation 0, -123, 0
- 크기 27, 31, 27; CFrame.Position 380, 162, 10; CFrame.Orientation 0, 162, 0
- 크기 23, 31, 24; CFrame.Position 380, 185, 11; CFrame.Orientation 0, -96, 0
Level_6c:
- 크기 68, 52, 57; CFrame.Position 387, 3, 48; CFrame.Orientation 0, -4, 0
- 크기 54, 54, 58; CFrame.Position 388, 41, 47; CFrame.Orientation 0, 96, 0
- 크기 52, 54, 48; CFrame.Position 385, 75, 47; CFrame.Orientation 0, -168, 0
- 크기 44, 49, 43; CFrame.Position 385, 114, 49; CFrame.Orientation 0, -49, 0
- 크기 40, 45, 40; CFrame.Position 386, 145, 48; CFrame.Orientation 0, -124, 0
- 크기 34, 45, 35; CFrame.Position 387, 178, 48; CFrame.Orientation 0, -22, 0
Level_7a:
- 크기 96, 98, 102; CFrame.Position 406, 19, 82; CFrame.Orientation 0, -41, 0
- 크기 92, 98, 84; CFrame.Position 407, 81, 82; CFrame.Orientation 0, -19, 0
- 크기 81, 90, 79; CFrame.Position 407, 152, 80; CFrame.Orientation 0, 90, 0
- 크기 73, 83, 73; CFrame.Position 404, 208, 80; CFrame.Orientation 0, 15, 0
- 크기 62, 83, 64; CFrame.Position 403, 270, 79; CFrame.Orientation 0, 116, 0
모든 바다 스택을 배치한 후 각 레벨 모델 내의 플레이스홀더 회색 상자 실린더를 삭제합니다.
동전
샘플 자산 라이브러리에는 단일 Coin 자산이 포함되어 있으며, 이는 반짝이는 금속 마감 처리를 제공하는 자식 SurfaceAppearance가 있는 MeshPart입니다. 플레이스홀더 동전을 추가한 곳에 하나를 배치한 후 필요에 따라 위치와 방향을 조정합니다.
아래 각 행에 대해 "Core Building and Scripting" 자산 라이브러리에서 동전 메시를 Workspace > World > Coins에 복사하고 CFrame.Position 및 CFrame.Orientation을 설정합니다:
- CFrame.Position -121, 3, 6; CFrame.Orientation 0, -105, 0
- CFrame.Position -107, 3, 10; CFrame.Orientation 0, -105, 0
- CFrame.Position -104, 3, 35; CFrame.Orientation 0, 120, 0
- CFrame.Position -86, 3, 61; CFrame.Orientation 0, 30, 0
- CFrame.Position -101, 3, -12; CFrame.Orientation 0, -15, 0
- CFrame.Position -22, 6, -39; CFrame.Orientation 0, 120, 0
- CFrame.Position -48, 6, -26; CFrame.Orientation 0, 75, 0
- CFrame.Position -65, 6, -6; CFrame.Orientation 0, 75, 0
- CFrame.Position -74, 6, 19; CFrame.Orientation 0, 75, 0
- CFrame.Position -67, 6, 46; CFrame.Orientation 0, 75, 0
- CFrame.Position -38, 14, 28; CFrame.Orientation 0, 75, 0
- CFrame.Position -8, 14, 8; CFrame.Orientation 0, 75, 0
- CFrame.Position -3, 14, 34; CFrame.Orientation 0, 75, 0
- CFrame.Position 35, 33, 9; CFrame.Orientation 0, -105, 0
- CFrame.Position 59, 39, 6; CFrame.Orientation 0, 90, 0
- CFrame.Position 78, 33, 4; CFrame.Orientation 0, -75, 0
- CFrame.Position 83, 39, 22; CFrame.Orientation 0, -165, 0
- CFrame.Position 113, 70, 56; CFrame.Orientation 0, -135, 0
- CFrame.Position 134, 70, 76; CFrame.Orientation 0, -135, 0
- CFrame.Position 175, 70, 103; CFrame.Orientation 0, 75, 0
- CFrame.Position 197, 70, 107; CFrame.Orientation 0, 105, 0
- CFrame.Position 214, 81, 95; CFrame.Orientation 0, 120, 0
- CFrame.Position 235, 99, 78; CFrame.Orientation 0, 135, 0
- CFrame.Position 258, 125, 54; CFrame.Orientation 0, 135, 0
- CFrame.Position 251, 132, 11; CFrame.Orientation 0, 135, 0
- CFrame.Position 260, 140, 4; CFrame.Orientation 0, 135, 0
- CFrame.Position 270, 132, -5; CFrame.Orientation 0, 135, 0
- CFrame.Position 312, 162, -19; CFrame.Orientation 0, 105, 0
- CFrame.Position 360, 206, -40; CFrame.Orientation 0, 69, 0
- CFrame.Position 377, 260, -4; CFrame.Orientation 0, -145, 0
- CFrame.Position 380, 206, 13; CFrame.Orientation 0, 12, 0
- CFrame.Position 386, 260, 27; CFrame.Orientation 0, -145, 0
- CFrame.Position 391, 206, 45; CFrame.Orientation 0, 12, 0
모든 동전을 배치한 후 플레이스홀더 동전을 삭제합니다.
산
자산 라이브러리의 단일 MountainMesh는 배경을 장식하고, 물 지형의 가장자리를 숨기며, 플레이 가능한 영역을 둘러싸는 역할을 합니다. 각 인스턴스를 회전하고 크기를 조정하면 반복성을 깨뜨려 플레이어가 동일한 메시를 반복해서 사용하고 있다는 것을 눈치채지 못하게 합니다.
아래 각 행에 대해 "Core Building and Scripting"라는 자산 라이브러리에서 MountainMesh를 Workspace > World > Mountains로 복사하고 Size, CFrame.Position 및 CFrame.Orientation을 설정합니다:
- Size 2048, 334, 2048; CFrame.Position -1243, 115, -1402; CFrame.Orientation 0, 46, 0
- Size 2048, 212, 2048; CFrame.Position -326, 230, -1614; CFrame.Orientation -15, -155, 0
- Size 2048, 416, 1871; CFrame.Position 434, 160, -1543; CFrame.Orientation 0, -2, 0
- Size 2048, 400, 2048; CFrame.Position 1200, 147, -1534; CFrame.Orientation -15, -155, 0
- Size 2048, 540, 1488; CFrame.Position 1726, 220, -1139; CFrame.Orientation 0, -95, 0
- Size 2044, 442, 2044; CFrame.Position 2344, 174, -413; CFrame.Orientation 0, 5, 0
- Size 2048, 458, 2048; CFrame.Position 2267, 157, 1084; CFrame.Orientation 0, -81, 0
- Size 2048, 678, 2048; CFrame.Position 1662, 221, 1804; CFrame.Orientation 0, 9, 0
- Size 2043, 352, 1467; CFrame.Position 1025, 147, 2462; CFrame.Orientation 0, 54, 0
- Size 1980, 531, 1742; CFrame.Position 361, 180, 2119; CFrame.Orientation 0, 21, 0
- Size 2048, 415, 2048; CFrame.Position -580, 160, 1961; CFrame.Orientation 0, -122, 0
- Size 2048, 415, 2048; CFrame.Position -900, 160, 1652; CFrame.Orientation 0, 24, 0
- Size 1321, 403, 1321; CFrame.Position -1303, 133, 770; CFrame.Orientation 0, 55, 0
- Size 2048, 335, 2048; CFrame.Position -1653, 114, 161; CFrame.Orientation 0, -20, 0
- Size 2048, 249, 2048; CFrame.Position -1928, 79, -674; CFrame.Orientation 0, 24, 0
- Size 2048, 450, 2048; CFrame.Position -1426, 73, -895; CFrame.Orientation 0, -20, 0
플레이 테스트
다듬어진 자산은 바다 더미의 모양을 약간 변경하여 회색 상자 버전의 레벨에서 작동했던 점프에 영향을 줄 수 있습니다. 게임을 한 번 더 확인하여 게시하기 전에 문제를 식별하고 수정하세요.
드롭다운에서 테스트를 선택하고 플레이를 클릭합니다. 더미의 꼭대기에 있는 플레어로 올라가세요; 점프가 갑자기 이상하게 느껴지면 문제의 메쉬를 살짝 조정하고 다시 시도하세요. 완료되면 중지를 클릭합니다.
코어 커리큘럼을 완료한 것을 축하합니다! 여기서 새로운 게임 플레이 기능이나 레벨로 프로젝트를 확장하거나, 스튜디오의 전체 기능 세트를 탐색하거나, 환경 아트와 같은 다른 커리큘럼으로 이동할 수 있습니다. 창작을 즐기세요!