Pixel Art 게임에서 Unity 2D 스프라이트 설정

Unity Pixel Art 게임에서 2D 스프라이트 설정


어제 작성한 글을 실제로 적용하다가 스프라이트 설정값을 제대로 셋팅 안하면 문제가 있다는 것을 알게 되어 삽질한 김에 다시 상세히 포스팅 함.


16x16px 이미지를 기본설정으로 불러왔을 때

Pixels Per Unit

스프라이트의 크기와 Pixels Per Unit 값을 맞춤
해당 이미지는 16x16px 이미지

Pixels Per Unit 맞추기

Filter Mode

Filter Mode 를 Point(no filter) 로 변경

Filter Mode => Point(no filter) 변경

Compression

Compression 값 None 변경
이게 바로 삽질하게 된... 계기 스프라이트 가운데 픽셀 색상이 다른색으로 보이는 현상...
이미지 압축 관련 설정을 빼먹어서 였다...


Compression => None


스프라이트 관련 셋팅은 이것으로 끝인것 같음!

댓글

댓글 쓰기

이 블로그의 인기 게시물

Aseprite 스프라이트 슬라이스해서 개별로 저장 하는방법 ( How to save sprite split in Aseprite )

이미지
Aseprite 스프라이트 슬라이스해서 개별로 저장  하는방법 ( How to save sprite split in Aseprite ) 0. 윈도우 환경예시 입니다. (Windows 10 64bit, Aseprite v1.2.25-x65) Slice Tool 1. 슬라이스 툴로 원하는 대로 슬라이스를 해놓고 저장 Bow_32x32.aseprite file (before) Bow_32x32.aseprite (after slice) 2. cmd 열고 파일이 저장된 폴더로 이동 3. 아래 명령어 실행 Aseprite Install  Path Example "C:\Program Files\Aseprite\Aseprite.exe" or "A:\Steam\steamapps\common\Aseprite\Aseprite.exe" (steam) 파일명이 Bow_32x32.aseprite 라고 가정함 (Assume the file name is Bow_32x32.aseprite) Command "A:\Program Files\Aseprite\Aseprite.exe" -b Bow_32x32.aseprite --save-as Bow_32x32_{slice}.png 0. This is a Windows environment example. 1. Use the Slice Tool and cut sprite. 2. Run cmd and move to the folder with the file you saved. 3. Run the Aseprite command below.
자세한 내용 보기

Unity Google Play Games Services 연동 오류로 인한 삽질 기록

이미지
3줄 요약 1. Unity - Google Play Games Services 연동 오류 발생(Unity 2018.2.1f1, GPGS Plugin for Unity 0.9.50) 2. 구글링해보니 AndroidManifest.xml 파일 자동 생성시 공백이 잘못들어감 3. 생성할때 사용하는 템플릿 파일(template-AndroidManifest.txt)을 수정하고 다시 해보니 정상 동작! 삽질 & 구글링 나름 튜토리얼을 보면서 잘 따라 했것만... Google Play Console 의 출시관리>사전 출시 보고서에 비정상 종료 로그가 뜨고, APK 파일을 받아서 깔아보아도 제대로 실행이 안되었다. 오류 로그는 아래와 같음 사전출시 보고서 오류 리포트 문제: at com.google.android.gms.common.internal.zzh.handleMessage(Unknown Source:275) FATAL EXCEPTION: main Process: com.m2kestudio.unity.clicker, PID: 12207 java.lang.IllegalStateException: A fatal developer error has occurred. Check the logs for further information. at com.google.android.gms.common.internal.zze.zzv(Unknown Source:78) at com.google.android.gms.common.internal.zzi.zzakg(Unknown Source:54) at com.google.android.gms.common.internal.zzh.handleMessage(Unknown Source:275) at android.os.Handler.dispatchMessage(Handler.java:106) at android.os.Looper.loop(Looper.java:19...
자세한 내용 보기

Unity3D 에서 당신의 Pixel Art 게임을 Pixel Perfect 하게 만들기

이미지
2D 게임 개발을 하던 중 도트 그래픽을 사용할 경우 Pixel Perfect 하게 하기 위한 작업이 필요하다는 것을 파악하고 잘 정리된 글을 찾아 번역기의 힘을 빌려 번역해봄…ㅎㅎ;; Making your Pixel Art Game look Pixel Perfect in Unity3D 원글 작성자 : ResistanceStdio 원글 작성일자 :  2018-03-26 Unity3D 에서 당신의 Pixel Art 게임을 Pixel Perfect 하게 만들기 얼마 전 게임을 Pixel Perfect 하게 만들기 위해 시간을 어느 정도 써야 한다고 언급했었죠. 아름다운 2D Pixel Art 게임을 어떤 해상도에서도 보기 좋게 하기 위해 이 작업을 해야만 합니다. 또한 우리는 오브젝트를 움직이거나 픽셀이 절반으로 내려앉는 것을 원치 않습니다. Unity는 기본적으로 Pixel Art를 완전하게 보여주지 않기 때문에 이곳 저곳을 바꾸거나 작은 수정사항을 구현하여 바꿀 필요가 있습니다. 하지만 걱정 마세요, 별로 어렵지 않습니다. Disclaimer (알려둘 사항) 모든 튜토리얼은 몇몇 소스를 기반으로 했지만 메인은 이 유용한 트위터 스레드 에 기반했습니다. 더 좋거나 최적화된 다른 방법이 있다는 것을 알고 있지만 이것이 내가 많은 연구 끝에 사용하는 방법입니다. 자 그럼 Pixel Perfect한 모습을 달성하기 위한 단계를 살펴 봅시다. 흐릿한(기본) 이미지에서 Pixel Perfect 로 Turn off Anti Aliasing (안티앨리어싱 끄기) 안티앨리어싱은 비디오게임들의 텍스처 테두리를 부드럽게 하기 위해 사용됩니다. 보통은 이것은 텍스처가 “너무 픽셀스럽게” 표시되지 않도록 하고 화면이 부드럽게 보이게 합니다. 여기 안티앨리어싱이 어떤 일을 하는지에 대한 예시가 하나 있습니다. 안티앨리어싱 예시 아래쪽 선이 부드럽고 흐릿합니다. 이것은 우리가 더 작은 해상도로 보게 되면 좀...
자세한 내용 보기