Material

Unreal5로 UI만들어보기/0) Material 다루기

13. 파라미터와 인스턴스로 모서리가 둥근 사각형 패널 만들기

※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 1. 파라미터(Parameter)란? 먼저 파라미터가 무엇인지 알아봅시다. 보통 매개변수라고 하면, 시스템이나 '함수의 특정한 성질'을 나타내는 변수라고 말합니다. 좀 어렵죠?😅😅 쉽게 말하면 함수에 있는 파라미터 값 A를 늘리면 원이 되고, 줄이면 사각형이 되는, 특정한 성질을 제어하는 변수를 일컫습니다. 이전에 회전 기능을 만들 때, 파라미터를 사용해 보았어요. 파라미터 θ의 값을 조정해서 '회전'을 제어했습니다. https://wdnote.tistory.com/211 8. 텍스쳐 다루기 (2) 텍스쳐 회전(Rotate) 구현하기 ※ 현재 학습 중인 내용이므로 아직..

Unreal5로 UI만들어보기/0) Material 다루기

11. 출력과 테스트 (2) : DebugValue 함수로 값 조회하기

※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 이번 포스팅에서는 머티리얼 값 연산을 조회할 수 있는 방법에 대해서 작성하였습니다. 0. 언리얼 연산의 문제점에 대해서 알아보자! 언리얼에서는 주로 값 연산을 통해서 표현을 하게 됩니다. 그런데 여러분.. 문제가 있습니다. 현재 이 노드들의 최종 출력값은 과연 몇일까요? 바로바로 암산하고 생각하기 어렵습니다 ㅠㅠ 이렇듯 언리얼에서 연산을 복잡하게 꼬고 꼬아서 하다 보면 이게 지금 값이 몇인지 이해할 수가 없는 경우가 점점 많아집니다 😢😢😢😢 그래서 노드의 출력 값을 조회하는 방법, DebugValue 함수를 가져와봤습니다. 1. DebugScalaValue, Debug..

카테고리 없음

10-2. 머티리얼 함수 (2) : 함수로 머티리얼 정리하기

※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 이전 포스팅 에서 이어집니다. 10-1. 머티리얼 함수 (1) : UVMasking 함수 제작과 순서 ※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 이번 포스팅에서는 머티리얼 함수에 대해서 정리 wdnote.tistory.com 함수로 효과를 마저 연동해 보겠습니다. 1. 머티리얼 함수로 정리하기 2-2) 이동(Translate) 기능 분화하기 위 방법과 같은 순서로 진행하겠습니다. · 1단계 _구조 생각하기 이동 기능은 UV(Vector2)좌표에서 빼기(Subtract) 연산으..

Unreal5로 UI만들어보기/0) Material 다루기

10-1. 머티리얼 함수 (1) : UVMasking 함수 제작과 순서

※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 이번 포스팅에서는 머티리얼 함수에 대해서 정리해 보았습니다. 1. 긴 수식을 정리하는 머티리얼 함수 지난 시간에 완성된 수식을 다시 보겠습니다. 조금 길고 복잡하죠? 만약에 제가 이런 머티리얼을 30개를 만든다고 치면.. 일일히 노드를 끌어서 만들어야 할까요? 그럴 필요가 없습니다. 머티리얼 내에 작성된 노드들을 쉽게 재사용할 수 있도록 함수(Function)로 묶을 수 있습니다. 기존의 작성한 노드를 살펴보고, 어떤 기능을 재사용할지를 정합시다. 이번 포스팅에서는 1. UV 채널 분리 2. 이동(Translate) 3. 배율(Scale) 4. 회전(Rotate)를 머..

Unreal5로 UI만들어보기/0) Material 다루기

9. 그래픽 요소 만들기 (1) 그라디언트와 IF로 도형 그리기

※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 이번 포스팅에서는 그라디언트 제작과, 제작 후에 다른 연산을 통해서 그라디언트를 변형하고 색상을 입혀보는 시간을 가져 보도록 하겠습니다. 1. 선형 그라디언트 Linear gradient 선형 그라디언트를 만드는 방법은 간단합니다. 텍스쳐 좌표계(TexCoordinate) 노드에서 선형 그라디언트 (Linear gradient) 노드를 연결하고, U방향과 V방향을 추출하면 그라디언트가 완성이 됩니다. 여기에 선형 보간(Linear Interploate)노드로 색상을 합성하면 그라디언트에 색도 부어 넣을 수 있어요. 2번 이상 설정하면 3가지 이상의 색도 합성할 수 있습..

Unreal5로 UI만들어보기/0) Material 다루기

8. 텍스쳐 다루기 (2) 텍스쳐 회전(Rotate) 구현하기

※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 0. 사용 텍스쳐 이번 포스팅에서 사용될 텍스쳐 이미지입니다. 1. 회전공식 회전의 경우는, 수학 수식으로 계산해야 할 필요가 있습니다. 이 경우, 사용되는 것이 바로, "회전변환 행렬"입니다. 수학 수식으로 정리하면 아래와 같습니다. x' = x × cos × θ - y × sin × θ y' = x × sin × θ + y × cos × θ 이 수식의 유도와 설명은 유튜브에 많이 되어 있고, 제가 수포자이기 때문에 아쉽지만 길게 설명드리는 것은 아무래도 어려울 것 같습니다. 😅😅😅 대신 제가 참고한 유튜브 영상을 공유 드리겠습니다. 1. OZTV님 [수포자를 위한 ..

Unreal5로 UI만들어보기/0) Material 다루기

6.이미지 합성과 
Linear interpolate

※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 언리얼에서 이미지 합성의 기초가 되는 선형 보간(Linear Interpolation)에 대해서 다루어 보도록 하겠습니다. 1. 선형 보간 Linear Interpolation이란? 먼저 위키백과 검색 결과를 보면 끝 점의 값이 주어졌을 때, 사이에 위치한 값을 추정하기 위해 직선 거리로 선형적으로 계산하는 방법이다 라고 말하고 있습니다. 여기서 주목해야 할 것은 끝 점, 사이에 위치한 값, 추정이고, 끝 점이라는 것은 시작 점도 있다는 소리이기 때문에 같이 기억해주시길 바랍니다. 위 말을 표현하면 아래와 같습니다. 구체적으로 0과 1사이에서 0.5라는 추정 값을 입력..

Unreal5로 UI만들어보기/0) Material 다루기

4. 출력과 테스트 (1) Live update 옵션

※ 현재 학습 중인 내용이므로 아직 완전하지 않은 내용일 수 있습니다. 내용에 대해서 피드백을 주시면 관련 내용 보완하여 작성하겠습니다. 이번 포스팅에서는 연산을 진행하다가 중간 과정 중에 검토가 필요할 때, 어떻게 해야 할지에 대해서 이야기해보겠습니다. 1. 라이브 업데이트(Live Update)기능 먼저, 툴 바의 라이브 업데이트 기능에 대해서 이야기하겠습니다. 머티리얼의 현재상태를 조회하기 위한 기능으로, 아래 3가지의 옵션이 있습니다. 머티리얼 미리보기(Preview Material) : 저장 또는 적용 버튼을 사용하지 않고 변경 사항이 재질 미리보기 뷰포트에서 실시간으로 자동 업데이트 됩니다. 이 기능을 끄면 노드 미리보기(Start previewing node) 기능을 사용할 수 없습니다. 리..

Unreal5로 UI만들어보기/0) Material 다루기

1. UI를 위한 머티리얼 만들기 : 머티리얼이란?

※ 본 문서는 언리얼 엔진 5.0.3버전을 기준으로 작성되고 있습니다. 1) 머티리얼이란? 머티리얼(Material)은 3D 모델의 표면 또는 물체의 느낌과 물리적 특성을 결정하는 데 사용되는 애셋(asset)입니다. 색상, 반사율, 빛의 반응, 반사 및 빛의 파동의 각도 등 물리적 특성을 제어하는 데 사용되며, 이것은 게임, 영화 및 가상 현실(VR)에서 고품질 그래픽을 만들 수 있고, 저희가 지금부터 제작해 볼 사용자 인터페이스를 만드는 데에도 사용됩니다. 그럼 머티리얼을 만들어 보겠습니다. 2) 제작 및 사용 콘텐츠 브라우저에서 마우스 오른쪽 버튼을 클릭하고 머티리얼을 생성하면 사용할 수 있습니다. 콘텐츠 브라우저는 언리얼 프로그램 인터페이스의 가장 맨 하단에 위치합니다. 생성을 완료하면 이름을 작..

frogOlis
'Material' 태그의 글 목록