전체 글(237)
-
[Unity]텍스쳐 최적화를 위한 TexturePacker 사용하기
[Unity] Sprite Atlas 기능 사용하기 [Unity] Sprite Atlas 기능 사용하기 Unity 프로젝트에서 UI 최적화를 위해 Sprite Atlas를 사용할 수 있다. Sprite Atlas에 대해서 알아보자. 먼저, 에셋 스토어에 있는 무료 이모지를 이용해서 기능을 사용해보려고 한다. (링크) 해당 이모지 lightbakery.tistory.com 이전에 UI의 드로우콜을 줄이는 최적화를 위해 SpriteAtlas를 사용했었다. 이번에는 Texture의 최적화를 위한 TexturePacker 에셋에 대해서 알아보고자 한다. Sprite Atlas는 아틀라스를 만들어서 그 안에 내가 패킹하고자 하는 UI들을 넣어서 하나의 묶음으로 만드는 기능이다. 하나의 묶음으로 만듦으로써 드로우콜..
2023.03.27 -
[Substance Painter] 섭스턴스 페인터 튜토리얼 (3) - Creating Custom Materials
이제 새 커스텀 메테리얼을 만드는 법을 배워보자. 먼저, [Add fill layer] 버튼으로 새 레이어를 만든 후 "Pattern"으로 이름을 바꿔준다. 새 레이어에 마스크를 사용하기 위해 오른쪽 네모를 눌러준 후 [Ctrl+마우스 왼쪽 드래그]로 모두 선택 해제한 후 필요한 부부만 체크한다. 블랙 마스크를 추가한다. [Add effect] - [Add fill] 을 추가하면 블랙 마스크의 정도를 조절할 수 있다. 이제 이미지를 패턴에 추가하기 위해 왼쪽 이미지 탭에서 Grayscale 위로 이미지를 드래그 앤 드랍 해주면 처음 설정했던 영역 안에 해당 이미지가 씌워지는 것을 볼 수 있다. 왼쪽 아래 Properties 창에서 Projection 모드를 "Planar projection"으로 바꾸면 ..
2023.03.19 -
[Unity] Sprite Atlas 기능 사용하기
Unity 프로젝트에서 UI 최적화를 위해 Sprite Atlas를 사용할 수 있다. Sprite Atlas에 대해서 알아보자. 먼저, 에셋 스토어에 있는 무료 이모지를 이용해서 기능을 사용해보려고 한다. (링크) 해당 이모지를 받아서 Package Manager로 프로젝트에 import를 시켜주면 많은 이모지 스프라이트들이 들어있는 것을 확인할 수 있다. UI 이미지를 넣듯 2D 상에 9가지의 이모지를 골라서 씬에 올려보았다. 추가로, [Window] - [Analysis] - [Frame Debugger] 로 드로우 콜을 함께 보도록 한다. 총 9개의 드로우 콜이 생기는 것을 볼 수 있다. 이제 프로젝트 안에 Sprite Atlas를 생성하여 어떤 변화가 있는지 살펴보자. 원하는 폴더 안에 만든 후 ..
2023.02.19 -
[Unity] 빌드에서만 스프라이트가 핑크색으로 보이는 경우
프로젝트 진행 중, 에디터에서는 분명 괜찮았던 UI 이미지가 빌드를 하니 핑크색으로 보이는 경우가 생겼다. 예시 이모지 UI들은 에디터 상태에서는 잘 보인다. 물론 Play Mode에서도 이모지들은 잘 보여진다. 하지만 빌드를 해서 실행해보면 이모지들이 보여지지 않는다. 특별한 에러가 Console 창에 뜨진 않았고, 셰이더의 문제도 아니었는데, 답은 생각보다 간단했다. 첫 이미지로 되돌아가보면, 해당 이모지의 Inspector - Image - Material 이 'none (meterial)'로 되어있는 것을 볼 수 있다. 이것을 'Sprites-Default'로 바꾸면 간단하게 해결 된다. Material만 바꿔줬는데 빌드에서도 잘 나오는 것을 볼 수 있다. 문제 해결!
2023.02.19 -
[Substance Painter] 섭스턴스 페인터 튜토리얼 (2) - Painting Dirt & Stitching
[Substance Painter] 섭스턴스 페인터 튜토리얼 (1) - Materials & Masking [Substance Painter] 섭스턴스 페인터 튜토리얼 (2) - Painting Dirt & Stitching [Substance Painter] 섭스턴스 페인터 튜토리얼 (1) - Materials & Masking 섭스턴스 페인터를 시작하는 사람으로서 첫 번째 튜토리얼을 따라 하고 정리해 보자. 먼저, 시작하기에 앞서 필요한 파일을 다운로드한다. 옆에 다운로드 글씨를 누르거나 https://substance3d.adobe.co lightbakery.tistory.com [Substance Painter] 섭스턴스 페인터 튜토리얼 (2) - Painting Dirt & Stitching [..
2023.01.05 -
[Substance Painter] 섭스턴스 페인터 튜토리얼 (1) - Materials & Masking
[Substance Painter] 섭스턴스 페인터 튜토리얼 (1) - Materials & Masking [Substance Painter] 섭스턴스 페인터 튜토리얼 (2) - Painting Dirt & Stitching [Substance Painter] 섭스턴스 페인터 튜토리얼 (1) - Materials & Masking 섭스턴스 페인터를 시작하는 사람으로서 첫 번째 튜토리얼을 따라 하고 정리해 보자. 먼저, 시작하기에 앞서 필요한 파일을 다운로드한다. 옆에 다운로드 글씨를 누르거나 https://substance3d.adobe.co lightbakery.tistory.com [Substance Painter] 섭스턴스 페인터 튜토리얼 (2) - Painting Dirt & Stitching [..
2023.01.04