디시인사이드 갤러리

갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

초속 거합 마법소녀 아카네 개발 - 렌더링

ㅇㅇ(116.32) 2024.08.24 08:10:02
조회 13653 추천 74 댓글 61


초속 거합 마법소녀 아카네 개발 - 캐릭터 만들기

초속 거합 마법소녀 아카네 개발 - 스테이지 만들기 







7df3c028e2f206a26d81f6e3448471

Pixel Perfect 할 때 회전과 아닐 때 회전 결과 비교


유니티로 픽셀 그래픽 게임을 개발하는데 있어 가장 큰 적은 바로 Pixel Perfect 일 것이다.


태생이 3D 게임 엔진이기 때문일까? Pixel Perfect한 화면을 렌더링 하기 위해 별별 꼼수에 기술이 다 들어간다.


요즘에는 유니티에서 자체적으로 지원하는 기능들이 있기 때문에 설정만 잘 해주면 괜찮은 결과물이 나오는 듯 하다.




하지만 이런건 좀 굴러가면서 직접 만들어야 재미있지 않은가?


인디의 장점은 효율은 제쳐두고 내가 하고 싶은 걸 하는데 있다.




05b2de23fcd139ab51ed86e44f9c756f57d76cc5185ef30472196f6092de1d3323008f4881b77b44d1b5421e750c522c35

샤리스 인베이더 프로토타입


초속 거합 마법소녀 아카네의 화면을 렌더링 하는 과정을 이야기 하려면 과거 샤리스 인베이더라는 게임을 개발하던 시절로 돌아가야 한다.


의도치는 않았지만 어떻게 보면 초속 거합 마법소녀 아카네의 전신격인 게임이다.




한창 화면을 Pixel Perfect 하게 그리는 방법에 대해 찾던 중 굉장히 간단한 해결 방법을 찾게 되었는데, 바로 Render Texture를 활용하는 방법이었다.



79f3c028e2f206a26d81f6e74587706c

Render Texture 설정


우선 렌더링 하고 싶은 크기의 Render Texture를 만든다.


Filter Mode를 Point로 설정하면 픽셀간의 보간 (스무딩)을 진행하지 않기 때문에 네모 반듯한 화면을 얻을 수 있다.


화면이 그려지기를 원하는 실제 Pixel 크기보다 큰 화면에 그려져 문제가 발생하는 것이기 때문에, 애초에 작은 화면에 그려버리면 된다는 논리다.




7ef3c028e2f206a26d81f6e745897d6c

인 게임 카메라 Inspector




7cf3c028e2f206a26d81f6e241847165

인 게임 카메라


이제 카메라를 통해 Render Texture에 실제 인 게임 화면을 그린다




78f3c028e2f206a26d81f6e64e80746d

Render Texture 렌더링 결과


그러면 위와 같이 깔끔하게 Pixel Perfect한 화면을 얻을 수 있다.





7ff3c028e2f206a26d81f6e24687726b

메인 카메라


이제 위에서 그린 Render Texture를 적당한 크기의 Plane Mesh에 올려 메인 카메라로 찍으면 한 프레임이 완성된다.




2ab1d932e6da76a167b9f68b12d21a1d3bcd4f4cbb9f

같은 방식으로 그려진 UI에 글리치 Post Process를 적용한 화면


매우 간단하다! 


게임 화면을 따로 Texture로 빼 놓은 것이기 때문에 쉐이더를 통해 게임 화면을 커스텀 할 수도 있다.




3db4c823e9c23db440b098b21fd704038283b3e04a04059c4e41

배경이 자글거리는 문제


한 가지 문제가 있다면 위처럼 대상, 혹은 카메라가 움직일 때 픽셀이 자글거릴수 있다는 것이다.


이는 설정한 PPU 단위보다 작은 값이 Position에 들어가 있으면 발생하는 현상이다. (PPU 100일 때 0.01 보다 작은 값으로 움직일 때 발생)


유니티의 래스터라이저가 어떤 식으로 작동하는지는 모르겠지만, 픽셀 위치가 반올림되며 발생하는 현상일 것이다.




3db4c823e9c23db420b8dfb336ef203efd0bc793189ff953

깔끔한 배경


해결법은 간단한데, 그려지는 주체, 카메라의 위치 값을 PPU 단위로 잘라주면 된다.


위는 정지한 3D 배경을 렌더링 한 결과다.




7bf3c028e2f206a26d81f6e74f87736e


초속 거합 마법소녀 아카네에서는 샤리스 인베이더와 같은 방식을 취하되, 조금 더 세분화 해 렌더링 한다.


각각의 그려질 대상들을 서로 다른 Render Texture에 그려준 뒤 쉐이더에서 하나로 합쳐준다. (위의 Combine Pass)




7af3c028e2f206a26d81f6e042857268

아카네 포스트 프로세스 프로파일


이는 포스트 프로세싱을 위함이다.


배경, 캐릭터, 이펙트 등등 각 레이어에 개별적으로 특수 효과를 적용한다.




75f3c028e2f206a26d81f6e442807764fb

그림자가 그려지는 과정


캐릭터와 배경, 배경의 Depth를 포함하는 텍스쳐를 각각 따로 렌더링 한 뒤 합칠 때 그림자를 그리는데 사용하기도 한다.


링크

위는 레인 월드가 그림자를 그리는 방식과 같은 방식인데, 관심 있는 사람은 따라 해보면 좋을 듯




28ef8127bdd76ff73dea8eed41862565005c9e6238252abb6a6f542408556365

이펙트에 비치는 캐릭터 그림자


위처럼 이펙트 쉐이더에서 활용하기도 한다.



사실 위 같은 효과들은 굳이 직접 구현할 필요가 없다


유니티 자체 기능이나 에셋 스토어가 워낙 잘 되어 있어 그냥 가져다 쓰는게 편하다.


하지만 만들면 재미는 있다. 내가 만든게 잘 작동 하는 걸 보면 기분이가 매우 좋아진다.


돌아가는 구조를 자신이 온전히 파악하고 있기 때문에 기능의 추가나 문제 파악이 쉬운 장점도 있다.




===========================================================================








출처: 인디 게임 개발 갤러리 [원본 보기]

추천 비추천

74

고정닉 32

15

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 기 세보여도 실제로는 멘탈 약할 것 같은 스타는? 운영자 24/11/04 - -
267930
썸네일
[싱갤] 싱글벙글 경북대 에타촌
[162]
코드치기귀찮아서만든계정갤로그로 이동합니다. 09.27 53506 359
267928
썸네일
[L갤] 한화 설레발 모음
[266]
ㅇㅇ(223.62) 09.27 28647 517
267926
썸네일
[주갤] 진짜 여자들 역겹노
[791/3]
이야(211.234) 09.27 71346 793
267924
썸네일
[싱갤] 싱글벙글 대한민국 역사상 최초의 미국 대통령 방한
[231]
ノア갤로그로 이동합니다. 09.27 39797 356
267922
썸네일
[디갤] 방황할 권리 (25장)
[48]
doer갤로그로 이동합니다. 09.26 8911 21
267920
썸네일
[싱갤] 싱글벙글 오래된 대학 경북대
[191]
코드치기귀찮아서만든계정갤로그로 이동합니다. 09.26 50737 195
267918
썸네일
[카연] 지최대용 진호의 순수한 연애몽마들 2화(미완성) + 후기
[43]
pota갤로그로 이동합니다. 09.26 13476 72
267916
썸네일
[기갤] 레드벨벳 슬기 첫사랑썰
[132]
ㅇㅇ(149.88) 09.26 33390 94
267914
썸네일
[야갤] 러시아 남자 VS 한국 남자 ( 러시아 여자 인터뷰 )
[590]
ㅇㅇ(58.29) 09.26 36077 293
267910
썸네일
[상갤] 스압)트랜스포머가 번식하는 방법
[69]
잉꼬대왕갤로그로 이동합니다. 09.26 29392 84
267908
썸네일
[싱갤] 젊었을적 미모로 유명했던 할머니들
[639]
ㅇㅇ(121.130) 09.26 56892 559
267906
썸네일
[유갤] 뭔가 이상한 외국인들의 소개팅
[199]
ㅇㅇ(149.102) 09.26 35938 199
267904
썸네일
[해갤] 교토시절 동료가 말하는 박지성 의리.jpg
[319]
ㅇㅇ(211.234) 09.26 36781 669
267902
썸네일
[야갤] 지역 조폭을 혼자서 박살낸 남자
[531]
마사갤로그로 이동합니다. 09.26 49874 760
267900
썸네일
[싱갤] (공포주의) 싱글벙글 보이는 여고생.manhwa
[184]
ㅇㅇ갤로그로 이동합니다. 09.26 43877 242
267898
썸네일
[야갤] 앞으로가 더 문제...최대 복병 앞에 한국 물가도 '풍전등화'
[179]
마스널갤로그로 이동합니다. 09.26 24792 79
267896
썸네일
[유갤] 배타고 힐링 여행간 유투버
[108]
ㅇㅇ(149.88) 09.26 27249 51
267894
썸네일
[싱갤] 안싱글벙글 그대로 증발해버린 고등학생들
[219]
코드치기귀찮아서만든계정갤로그로 이동합니다. 09.26 42828 206
267892
썸네일
[카연] 종탑과 소년.manhwa
[35]
카갤러(115.138) 09.26 13496 60
267888
썸네일
[히갤] <조커:폴리아되>레이디 가가 근황...jpg
[328]
ㅇㅇ(175.119) 09.26 38125 73
267884
썸네일
[흑갤] 흑백요리사 의외로 여초에서 호감인 참가자를 알아보자.araboza
[297]
흑갤러(106.101) 09.26 70374 510
267882
썸네일
[이갤] 식욕 연구 교수가 말해주는 필승 다이어트 방법
[243]
ㅇㅇ(146.70) 09.26 31882 130
267880
썸네일
[싱갤] 불량하니까 이레즈미 하는거라는 타투이스트의 작품
[423]
흑두루미?갤로그로 이동합니다. 09.26 39780 93
267878
썸네일
[주갤] 블라인드에 국제결혼 선언하면 생기는 일.jpg
[505]
주갤러(118.235) 09.26 41390 489
267876
썸네일
[야갤] 中 미사일, 위험한 발사 경로...기술 러시아까지 역전하나
[285]
ㅇㅇ갤로그로 이동합니다. 09.26 20568 64
267874
썸네일
[싱갤] 파오후가 길거리에 여자아이를 집으로...manga
[213]
김전돋갤로그로 이동합니다. 09.26 31130 155
267872
썸네일
[중갤] 오늘부터 시작하는 게임행사 정보
[28]
언성을높이지마라갤로그로 이동합니다. 09.26 23777 28
267871
썸네일
[기갤] 서울대로스쿨 다니는 20대여자는 과즙세연 어떻게 생각할까.jpg
[1218]
ㅇㅇ(149.40) 09.26 74445 446
267868
썸네일
[야갤] 김정은 형 김정철, 유럽 대사관 직원에 여러 차례 '긴급 지시' 발각
[183]
마스널갤로그로 이동합니다. 09.26 26459 120
267866
썸네일
[카연] 용사 하렘 파티 정실 정하는 만화
[101]
아이오에우(220.120) 09.26 28105 246
267864
썸네일
[싱갤] 싱글벙글 시진핑에게 대출을 해주려는 사나이
[141]
ㅇㅇ(210.204) 09.26 41042 422
267863
썸네일
[디갤] 릴레이 [구름] 선정작 발표
[50]
새가슴갤로그로 이동합니다. 09.26 7121 32
267861
썸네일
[나갤] 탄 고기 주는 남편.blind
[345]
ㅇㅇ(212.103) 09.26 38478 36
267859
썸네일
[싱갤] 싱글벙글 한국 영화 일본 극장 포스터 모음
[175]
아라고른2세갤로그로 이동합니다. 09.26 26617 74
267858
썸네일
[야갤] 서울대 국가장학금 신청, 고소득 자녀가 저소득층 3배
[434]
ㅇㅇ갤로그로 이동합니다. 09.26 28593 130
267856
썸네일
[향갤] 요즘 텀블벅향수 근황.jyp
[145]
안태우갤로그로 이동합니다. 09.26 32285 39
267853
썸네일
[대갤] 충격! 日 오사카성 해자에 둥둥 떠있는 시체... 관광객들은 경악
[212]
난징대파티갤로그로 이동합니다. 09.26 33525 292
267852
썸네일
[공갤] manhwa) 보라매의 일기장 1화 - 회상
[64]
화전민갤로그로 이동합니다. 09.26 13058 129
267850
썸네일
[싱갤] 싱글벙글 한국인이 모른다는 김치의 비밀에 대해 알아보자.jpg
[390]
유미고양이갤로그로 이동합니다. 09.26 49019 216
267849
썸네일
[야갤] 곳곳에 '강철 울타리' 설치...서울시 대책 '총동원'
[208]
마스널갤로그로 이동합니다. 09.26 21614 67
267847
썸네일
[미갤] 5성급 호텔 뷰가 마음에 안 들어서 컴플레인 거는 여행 유튜버.jpg
[357]
ㅇㅇ(37.19) 09.26 32205 114
267846
썸네일
[해갤] 저출산을 극복한 헝가리
[729]
해갤러(104.129) 09.26 35595 487
267844
썸네일
[싱갤] 오싹오싹 "16살 남자친구가 사준 명품"…수상한 게시글, 알고 봤더니
[245]
ㅇㅇ(221.157) 09.26 36167 46
267843
썸네일
[기갤] 남자친구가 아빠가 해준 갈비를 다 버렸어요....
[516]
긷갤러(106.101) 09.26 39041 81
267841
썸네일
[야갤] 이수지 유튜브 과즙세연 출연 논란...난리난 댓글창 ㄷㄷ..JPG
[613]
야갤러(223.39) 09.26 52982 428
267840
썸네일
[유갤] 50대에게 헌팅받은 썰 푸는 유튜버
[621]
ㅇㅇ(161.129) 09.26 51566 361
267837
썸네일
[야갤] 마약에 취해 수술한 의주빈.. 피해환자만 7명 이상
[197]
ㅇㅇ갤로그로 이동합니다. 09.26 18945 75
267835
썸네일
[싱갤] 냉혹한 일본인이 만든...한국에 대한 상상과 현실의 세계...jpg
[382]
인터네코갤로그로 이동합니다. 09.26 38239 585
267834
썸네일
[흑갤] [디시패치] 소속사 장난으로 시작했는데 이왜진?
[290]
ㅇㅇ(118.235) 09.26 249223 809
267832
썸네일
[국갤] 오늘 와이프가 돌아왔어요!
[401]
아니마델마르텔로갤로그로 이동합니다. 09.26 34260 233
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2