방법: 기본 질감 셰이더 만들기How to: Create a Basic Texture Shader

이 문서에서는 셰이더 디자이너 및 DGSL(Directed Graph Shader Language)을 사용하여 단일 질감 셰이더를 만드는 방법을 보여 줍니다.This document demonstrates how to use the Shader Designer and the Directed Graph Shader Language (DGSL) to create a single-texture shader. 이 셰이더는 최종 색을 바로 질감에서 샘플링된 RGB 및 알파 값으로 설정합니다.This shader sets the final color directly to the RGB and alpha values that are sampled from the texture.

이 문서는 다음 활동을 보여 줍니다.This document demonstrates these activities:

  • 셰이더 그래프에서 노드 제거Removing nodes from a shader graph

  • 그래프에 노드 추가Adding nodes to a graph

  • 셰이더 매개 변수 설정Setting shader parameters

  • 매개 변수 표시 유형 설정Setting parameter visibility

  • 노드 연결Connecting nodes

기본 질감 셰이더 만들기Creating a basic texture shader

질감 샘플의 색 및 알파 값을 직접 최종 출력 색으로 작성하여 기본적인 단일 질감 셰이더를 구현할 수 있습니다.You can implement a basic, single-texture shader by writing the color and alpha values of a texture sample directly to the final output color.

시작하기 전에 속성 창과 도구 상자가 표시되는지 확인하세요.Before you begin, make sure that the Properties window and the Toolbox are displayed.

기본 질감 셰이더를 만들려면To create a basic texture shader

  1. 사용할 DGSL 셰이더를 만듭니다.Create a DGSL shader to work with. DGSL 셰이더를 프로젝트에 추가하는 방법에 대한 내용은 셰이더 디자이너의 시작 섹션을 참조하세요.For information about how to add a DGSL shader to your project, see the Getting Started section in Shader Designer.

  2. 점 색 노드를 삭제합니다.Delete the Point Color node. 선택 모드에서 점 색 노드를 선택하고 메뉴 표시줄에서 편집, 삭제를 선택합니다.In Select mode, select the Point Color node, and then on the menu bar, choose Edit, Delete. 그러면 다음 단계에서 추가되는 노드에 대한 공간이 생깁니다.This makes room for the node that's added in the next step.

  3. 그래프에 질감 샘플 노드를 추가합니다.Add a Texture Sample node to the graph. 도구 상자질감에서 질감 샘플을 선택하고 디자인 화면으로 이동합니다.In the Toolbox, under Texture, select Texture Sample and move it to the design surface.

  4. 그래프에 질감 좌표 노드를 추가합니다.Add a Texture Coordinate node to the graph. 도구 상자질감에서 질감 좌표를 선택하고 디자인 화면으로 이동합니다.In the Toolbox, under Texture, select Texture Coordinate and move it to the design surface.

  5. 적용할 질감을 선택합니다.Choose a texture to apply. 선택 모드에서 질감 샘플 노드를 선택하고 속성 창에서 파일 이름 속성을 사용하여 사용할 질감을 지정합니다.In Select mode, select the Texture Sample node, and then in the Properties window, specify the texture that you want to use by using the Filename property.

  6. 질감에 공용으로 액세스할 수 있게 설정합니다.Make the texture publicly accessible. 질감 샘플 노드를 선택하고 속성 창에서 the 액세스 속성을 공용으로 설정합니다.Select the Texture Sample node, and then in the Properties window, set the Access property to Public. 이제 모델 편집기 등의 또 다른 도구에서 질감을 설정할 수 있습니다.Now you can set the texture from another tool, such as the Model Editor.

  7. 질감 좌표를 질감 샘플에 연결합니다.Connect the texture coordinates to the texture sample. 선택 모드에서 질감 좌표 노드의 출력 터미널을 질감 샘플 노드의 UV 터미널로 이동합니다.In Select mode, move the Output terminal of the Texture Coordinate node to the UV terminal of the Texture Sample node. 이 연결은 지정된 좌표에서 질감을 샘플링합니다.This connection samples the texture at the specified coordinates.

  8. 질감 샘플을 최종 색에 연결합니다.Connect the texture sample to the final color. 질감 샘플 노드의 RGB 터미널을 최종 색 노드의 RGB 터미널로 이동하고 질감 샘플 노드의 알파 터미널을 최종 색 노드의 알파 터미널로 이동합니다.Move the RGB terminal of the Texture Sample node to the RGB terminal of the Final Color node, and then move the Alpha terminal of the Texture Sample node to the Alpha terminal of the Final Color node.

    다음 그림은 정육면체에 적용된 셰이더의 완료된 셰이더 그래프 및 미리 보기를 보여 줍니다.The following illustration shows the completed shader graph and a preview of the shader applied to a cube.

참고

이 그림에서 평면을 미리 보기 셰이프로 사용되고 셰이더의 효과를 더욱 효과적으로 표시하기 위해 질감이 지정되었습니다.In this illustration, a plane is used as the preview shape, and a texture has been specified to better demonstrate the effect of the shader.

셰이더 그래프 및 효과 미리 보기Shader graph and a preview of its effect

일부 셰이더의 경우 특정 도형을 사용하면 미리 보기가 더 잘 표시될 수 있습니다.Certain shapes might provide better previews for some shaders. 셰이더 디자이너에서 셰이더를 미리 보는 방법에 대한 자세한 내용은 셰이더 디자이너를 참조하세요.For more information about how to preview shaders in the Shader Designer, see Shader Designer

참고 항목See Also

방법: 3D 모델에 셰이더 적용 How to: Apply a Shader to a 3-D Model
이미지 편집기 Image Editor
셰이더 디자이너 Shader Designer
셰이더 디자이너 노드Shader Designer Nodes