디시인사이드 갤러리

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

갤러리 본문 영역

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

ㅇㅇ(116.32) 2024.08.24 08:10:02
조회 13685 추천 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/18 - -
277757
썸네일
[서갤] 2024.11.2 호요랜드 후기
[48]
ㅇㅇ갤로그로 이동합니다. 11.03 13146 22
277754
썸네일
[싱갤] 싱글벙글 미치광이 이과촌.manwha
[72]
라멘맨갤로그로 이동합니다. 11.03 25121 150
277751
썸네일
[의갤] 충격적인 요즘 보험사기 수법
[172]
ㅇㅇ갤로그로 이동합니다. 11.03 32986 183
277748
썸네일
[싱갤] 복귀 시동거는 물의 일으킨 스타들...근황....jpg
[462]
ㅇㅇ(175.119) 11.03 47178 452
277743
썸네일
[모갤] 평택,서해선 ITX-마음 시승 후기 (+또 고장)
[15]
ㅇㅇ갤로그로 이동합니다. 11.03 13945 50
277739
썸네일
[기갤] 박수홍♥김다예, ‘백일해 논란’ 여초 커뮤니티에 사과
[285]
ㅇㅇ(211.235) 11.03 40646 30
277736
썸네일
[부갤] 그땐 맞고 지금은 틀리다?…'환율 1400원' 달라진 정부 대응
[346]
ㅇㅇ갤로그로 이동합니다. 11.03 31355 82
277733
썸네일
[조갤] 예상보다 더 엉터리가 되었던 제마 dnf
[71]
풀프레임갤로그로 이동합니다. 11.03 14150 42
277731
썸네일
[디갤] 쓱데이 모빌리티쇼
[30]
마일드세븐FK갤로그로 이동합니다. 11.03 11209 18
277729
썸네일
[디갤] 800년의 세월
[36]
가람_garam갤로그로 이동합니다. 11.03 16178 32
277727
썸네일
[싱갤] 비빔비빔 유비빔이 하는 식당 후기
[300]
잏현갤로그로 이동합니다. 11.03 48329 66
277725
썸네일
[부갤] 의대 빼곤 여기 몰렸다…취업난이 바꾼 정시 '최상위 학과'
[285]
ㅇㅇ갤로그로 이동합니다. 11.03 38438 81
277723
썸네일
[미갤] 30살에 모은 돈이 인생을 결정할까? 잘나가는 현직자들에게 물어봤습니다.
[493]
레버러지갤로그로 이동합니다. 11.03 41695 69
277719
썸네일
[싱갤] 음머음머 소의 친척들
[104]
배신자캬루갤로그로 이동합니다. 11.03 18295 98
277715
썸네일
[중갤] "북한군 우리가 가장 잘 안다"... 우크라 파병에 진심인 탈북민들
[244]
ㅇㅇ갤로그로 이동합니다. 11.03 31800 94
277713
썸네일
[중갤] 게관위 심의한 거 또 YTN에서 뚜까 패는 중 ㅋㅋㅋㅋㅋ
[615]
시마시마갤로그로 이동합니다. 11.03 23043 518
277711
썸네일
[싱갤] 싱글벙글 인맥 때문에 망했다던 고려대 반도체학과 근황
[238]
니지카엘갤로그로 이동합니다. 11.03 35348 251
277709
썸네일
[카연] 작두를 타라 4화
[11]
능라갤로그로 이동합니다. 11.03 8697 28
277707
썸네일
[싱갤] 싱글벙글 하나은행 직원의 급식대가 급식 후기
[388]
포만한갤로그로 이동합니다. 11.03 55205 259
277705
썸네일
[미갤] 청담동 19억 아파트에 사는 김영철 개그맨.jpg
[302]
ㅇㅇ갤로그로 이동합니다. 11.03 35546 80
277704
썸네일
[배갤] 세계일주 여행기(10) - 마다 세번째 이야기, 피아나란초아, 마나카라
[9]
트롯퀸자영갤로그로 이동합니다. 11.03 8147 14
277701
썸네일
[싱갤] 싱글벙글 한 끼에 2만원~3만원 쓰는 여자의 식단
[566]
ㅇㅇ갤로그로 이동합니다. 11.03 58446 163
277699
썸네일
[카연] 마법소녀기담 ABC 95화 (마법소녀 안나옴)
[21]
존크라운갤로그로 이동합니다. 11.03 9088 47
277695
썸네일
[야갤] 으메이징 천조국 '핼러윈 파티'서 총격 사건 6명 사상
[258]
야떡이갤로그로 이동합니다. 11.03 28176 203
277693
썸네일
[야갤] 옛날부모 요즘부모 결정적 차이.JPG
[801]
멸공의길갤로그로 이동합니다. 11.03 57279 522
277691
썸네일
[새갤] "은행 믿고 있다가 16억 털렸다"…60대 '멘붕'온 사연
[544]
7%못해서갤로그로 이동합니다. 11.03 35046 120
277689
썸네일
[싱갤] 싱글벙글 다단계 판매의 위험성
[260]
ㅇㅇ(121.146) 11.03 35928 161
277687
썸네일
[디갤] 12-35판매기념 1235사진
[21]
Look_갤로그로 이동합니다. 11.03 8735 5
277685
썸네일
[한갤] 초유의 중앙지검장 탄.핵 추진…이재명 공소유지 차질 불가피
[302]
목련피는봄갤로그로 이동합니다. 11.03 16894 143
277684
썸네일
[싱갤] 싱글벙글 호구 당했던 비태희 건물 근황
[420]
ㅇㅇ(220.88) 11.03 41847 208
277682
썸네일
[이갤] 조선을 품어주려 했던 일본인이 흑화한 이유..jpg
[1210]
leeloo갤로그로 이동합니다. 11.03 39453 847
277679
썸네일
[중갤] 트럼프는 韓 안보에 과연 그림자를 드리울까
[267]
ㅇㅇ갤로그로 이동합니다. 11.03 22191 60
277677
썸네일
[야갤] 군대에서 10억모은 남자.JPG
[694]
멸공의길갤로그로 이동합니다. 11.03 59556 302
277675
썸네일
[일갤] 아리마 온천 료칸 '토센 고쇼보' 후기
[45]
향긋한트러플갤로그로 이동합니다. 11.03 15819 44
277674
썸네일
[싱갤] 개씹덕 노래 몰래 듣다가 걸려버렸다.manwha
[172]
김전돋갤로그로 이동합니다. 11.03 24466 93
277672
썸네일
[야갤] 북한, 전 세계에 날린 경고장 "왜 우리만 자제해야 하나"
[436]
마스널갤로그로 이동합니다. 11.03 35750 109
277670
썸네일
[한갤] SNL심여야식당ㅋㅋㅋㅋㅋ
[295]
훈붕이(223.39) 11.03 42075 368
277669
썸네일
[바갤] 카타나 들고 떠난 합만장 두카티 시승식 바리
[83]
으앙너쥬금갤로그로 이동합니다. 11.03 12650 31
277667
썸네일
[싱갤] 어제 강남 8중추돌녀의 새로밝혀진 사실
[929]
ㅇㅇ(58.143) 11.03 62021 431
277665
썸네일
[중갤] 앞으로 학교서 스마트폰 못 쓴다?…관련 법안에 정부도 '공감'
[649]
ㅇㅇ갤로그로 이동합니다. 11.03 26939 226
277662
썸네일
[디갤] [스압] 우즈베키스탄 여행 사진들
[46]
호호아저씨갤로그로 이동합니다. 11.03 8233 29
277660
썸네일
[자갤] "무보험 아반떼, 6억 람보르기니에 쾅"…"얼마 물어내야?" 
[476]
ㅇㅇ(152.44) 11.03 36918 156
277659
썸네일
[군갤] 삼성전자 희망퇴직하는 날도 보네
[843]
캡틴군무원갤로그로 이동합니다. 11.03 56745 210
277657
썸네일
[야갤] 캄보디아로 이사가서 행복한 시간을 보내는 국결부부
[237]
야갤러(124.51) 11.03 39863 422
277655
썸네일
[싱갤] 싱글벙글 ??? : 요즘 공연장 가면 촬영하느라고 사실은 공연에 집중
[259]
수인갤러리갤로그로 이동합니다. 11.03 35672 219
277654
썸네일
[부갤] "훔치면 100배 물어내야"…일부 무인점포 '합의금 장사' 눈살
[1212]
ㅇㅇ갤로그로 이동합니다. 11.03 33648 249
277652
썸네일
[배갤] 말레이시아 브루나이 10박11일 (3)
[8]
이코노미갤로그로 이동합니다. 11.03 8665 11
277650
썸네일
[중갤] 집권 3년차 尹 지지율 20%선 붕괴 왜…'비상등' 켜진 용산
[772]
ㅇㅇ갤로그로 이동합니다. 11.03 20221 231
277649
썸네일
[카연] 그녀도 외계인? 2화
[11]
이젤갤로그로 이동합니다. 11.03 8735 47
277647
썸네일
[A갤] 해피일본뉴스 199
[56]
더Informer갤로그로 이동합니다. 11.03 10544 61
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2