<![CDATA[
<p style="text-align: center;"><br></p><p style="text-align: center;"><iframe src="https://www.youtube.com/embed/iz2Wa4W16SU" width="640" height="360" frameborder="0" allowfullscreen=""></iframe></p><p style="text-align: center;"><br></p><p style="text-align: center;"><span style="font-size: 14pt;">수정 내용은 아래쪽에 추가 했습니다.</span></p><p style="text-align: center;"><br></p><p style="text-align: center;"><span style="font-size: 18pt;">다운로드(최신버전)</span></p><p style="text-align: center;">https://drive.google.com/file/d/1vDGPBSBgr63zqusffpX1yHlIVdomO1Qr/view?usp=sharing<br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><span style="font-size: 18pt;"><b>[구상과 구현]</b></span></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9995DD385BE9EDE716" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="7.jpg" style="clear:none;float:none;" id="A_9995DD385BE9EDE71685CD"/></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9985203E5BE9EDCA17" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="nier-automata-how-to-fast-travel-hero.jpg" style="clear:none;float:none;" id="A_9985203E5BE9EDCA17A5D7"/></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99861E3E5BE9EDCA17" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="Automata-FeatureArt.jpg" style="clear:none;float:none;" id="A_99861E3E5BE9EDCA173A1D"/></p><p style="text-align: center;"><br></p><p style="text-align: center;">니어오토마타는 제가 감명깊게한 게임 중 하나 입니다. </p><p style="text-align: center;">그래서 항상 니어오토마타급의 게임을 만들고 싶은 욕구가 있는데</p><p style="text-align: center;">이번에 배운 기술들로 이 게임의 배경하나를 만들기로 했습니다.</p><p style="text-align: center;">그래서 배경중 하나인 유적지를 레퍼런스 삼아 제작을 시작 했습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9931603D5BE9EEC115" class="txc-image" actualwidth="580" hspace="1" vspace="1" border="0" width="580" exif="{}" data-filename="1.jpg" style="clear:none;float:none;" id="A_9931603D5BE9EEC115EE75"/></p><p style="text-align: center;">우선 주요 사용한 에셋은 유니티에셋은 아니지만 언리얼4의 무료에셋을 사용했습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99191B395BE9EEFA17" class="txc-image" actualwidth="580" hspace="1" vspace="1" border="0" width="580" exif="{}" data-filename="알파러프니스.jpg" style="clear:none;float:none;" id="A_99191B395BE9EEFA17C9D9"/></p><p style="text-align: center;">언리얼에셋을 유니티로 옮겨올때 마테리얼 설정값을 그대로 따라할려면 쉐이더를 사용해야되서 </p><p style="text-align: center;">유니티상에서 Rougheness쉐이더를 선택하여 대충 비슷하게 맞춰서 유니티로 전부 옮겼습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9914CE4A5BE9EFB118" class="txc-image" actualwidth="700" hspace="1" vspace="1" border="0" width="700" exif="{}" data-filename="2.jpg" style="clear:none;float:none;" id="A_9914CE4A5BE9EFB1189089"/></p><p style="text-align: center;">전체 배치샷입니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99C91B465BE9EFDF18" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="3.jpg" style="clear:none;float:none;" id="A_99C91B465BE9EFDF18AD44"/></p><p style="text-align: center;">제작순서는 터레인을 깔고 영상을 보면서 도로(길)부터 만들면서 캡슐과 비교하여 사이즈를 맞췄습니다.<br></p><p style="text-align: center;"><br></p><p style="text-align: center;">제작과정을 사진을 일일히 찍지 않아서 중간과정 사진은 없지만</p><p style="text-align: center;"><br></p><p style="text-align: center;">나름 사이즈맞추면서 만들긴했지만 거의 완성후에 사이즈가 많이 큰상황이 발생하여</p><p style="text-align: center;">라이트맵굽는데도 15시간이 뜨는 현상이 발생하여 다시 처음부터 사이즈 맞춰서 만들었습니다.</p><p style="text-align: center;">정확히 12배 줄이니깐 딱 맞았습니다. </p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99E1ED495BE9F0C819" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="5.jpg" style="clear:none;float:none;" id="A_99E1ED495BE9F0C819B2A6"/></p><p style="text-align: center;">가장 표현하고 싶었던 그림은 위 사진입니다.</p><p style="text-align: center;">평화로운 폐허성 배경에 빛이 화사하게 쨍하여 성벽위의 하늘의 화사하게 빛나는 이 장면이 가장 표현하고 싶었습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9908D0455BE9F09218" class="txc-image" actualwidth="700" hspace="1" vspace="1" border="0" width="700" exif="{}" data-filename="4.jpg" style="clear:none;float:none;" id="A_9908D0455BE9F09218ECBE"/></p><p style="text-align: center;">그래서 위 와같이 구현했습니다.</p><p style="text-align: center;">저 성벽위의 효과를 낼려면 하얀 스카이박스에 불룸을 이용해야 하지만 만약 그러면 </p><p style="text-align: center;">하얀 스카이박스로인해서 배경라이트, 배경반사효과까지 하얗게되어 녹색분위기의 성을 만들수 없는 문제가 있었습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/995B55475BE9F18B19" class="txc-image" actualwidth="580" hspace="1" vspace="1" border="0" width="580" exif="{}" data-filename="6.jpg" style="clear:none;float:none;" id="A_995B55475BE9F18B193812"/></p><p style="text-align: center;">그래서 일반적인 스카이박스에다가 녹색색을 입히면서 Exposure를 적절히 올리고 흰색 구름 있는 위치를 </p><p style="text-align: center;">성벽위 쪽으로 배치시켜서 성벽위쪽만 Bloom효과로 화사하게 만들고 나머지 배경은 의도한대로 녹색 분위기를 잡게 만들었습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;">그 외에 Fog, PostProcess등의 조작으로 분위기를 완성 시켰습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99FE104A5BE9F2A61A" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="7.jpg" style="clear:none;float:none;" id="A_99FE104A5BE9F2A61AD294"/></p><p style="text-align: center;">성 정문 반대편으로는 거대한 게이트와 산으로 높은 위엄을 표현했습니다.<br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99861E3E5BE9EDCA17" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="Automata-FeatureArt.jpg" style="clear: none; float: none;" id="A_99861E3E5BE9EDCA173A1D"/><br></p><p style="text-align: center;">니어오토마타의 도시유적맵에서 얇게 뿌려져있는 강줄기도 포함하고싶어서 아래 처럼 구현했습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99143D4E5BE9F33819" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="8.jpg" style="clear:none;float:none;" id="A_99143D4E5BE9F338198010"/></p><p style="text-align: center;">터레인으로 전체 높이를 높인다음에 물부분만 깍아내리는 방식으로 강줄기를 만들었습니다.</p><p style="text-align: center;">그 외에 </p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/9913394A5BE9F3A41A" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="9.jpg" style="clear:none;float:none;" id="A_9913394A5BE9F3A41A41DD"/></p><p style="text-align: center;">잔디, 꽃, 기타 Prop들 설치하여 이쁘게 만들고</p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99F9BA4E5BE9F3DC1C" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="10.jpg" style="clear:none;float:none;" id="A_99F9BA4E5BE9F3DC1C2083"/></p><p style="text-align: center;">나무와 풀을 이용하여 성벽을 뚫고 자라난 나무를 표현하여 오래된 유적을 표현했습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/991E02435BE9F4311A" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="11.jpg" style="clear:none;float:none;" id="A_991E02435BE9F4311AB41A"/></p><p style="text-align: center;">성 주변의 숲인것을 표현하기위해</p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/991E60435BE9F4311A" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="12.jpg" style="clear:none;float:none;" id="A_991E60435BE9F4311A7D31"/></p><p style="text-align: center;">그냥 SpeedTree를 성 근처에 사이즈 늘려서 이런식으로 배치하였습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/991CB74A5BE9F4871A" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="13.jpg" style="clear:none;float:none;" id="A_991CB74A5BE9F4871AAC1A"/></p><p style="text-align: center;">마지막으로 게임답게 만들기 위해 UI를 구현하고<br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99FE104A5BE9F4CA1B" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="14.jpg" style="clear:none;float:none;" id="A_99FE104A5BE9F4CA1B0D99"/></p><p style="text-align: center;">로고->메뉴 부분에서 제가 만든 배경의 가장 이쁜 구도를 카메라 애니메이션 시켜서 배경삼아<br></p><p style="text-align: center;">앞에 UI를 띄웠습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><span style="font-size: 18pt;"><b>[느낀점]</b></span></p><p style="text-align: center;">이번 과제하면서 천직을 만난 듯이 너무 재밌었습니다.</p><p style="text-align: center;">평소에 제가 정말 만들고 싶었던 게임의 배경을 구현할 수 있게 되어서 정말 좋았습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;">사용한 에셋</p><p style="text-align: center;"><span style="color: rgba(255, 255, 255, 0.88); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-align: start; white-space: pre-wrap; background-color: rgb(18, 18, 18);">Infinity Blade: Grass Lands
Standard asset
BushesBack
PostProcessing V1
Grass And Flowers Pack1</span><br></p><p style="text-align: center;"><span style="color: rgba(255, 255, 255, 0.88); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-align: start; white-space: pre-wrap; background-color: rgb(18, 18, 18);"><br></span></p><p style="text-align: center;"><span style="color: rgba(255, 255, 255, 0.88); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-align: start; white-space: pre-wrap; background-color: rgb(18, 18, 18);"><br></span></p><p style="text-align: center;"><span style="color: rgba(255, 255, 255, 0.88); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-align: start; white-space: pre-wrap; background-color: rgb(18, 18, 18);"><br></span></p><p style="text-align: center;"><span style="font-size: 18pt;"><b>[수정]</b></span></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99EC064F5BEEA4452C" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="3.jpg" style="clear:none;float:none;" id="A_99EC064F5BEEA4452C402D"/></p><p style="text-align: center;">수정 전</p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99B1CF4F5BEEA44612" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="2.jpg" style="clear:none;float:none;" id="A_99B1CF4F5BEEA446121D56"/></p><p style="text-align: center;">수정 후</p><p style="text-align: center;"><br></p><p style="text-align: center;">교수님 말씀대로 노말맵의 G값이 뒤집혀져 있었습니다. </p><p style="text-align: center;">이런 뻔히 보이는 문제도 인지 못한 제가 한심하다고 느꼈습니다.</p><p style="text-align: center;">언리얼 무료에셋인 인피니티블레이드에서 가져온 텍스쳐들이 모두다 노말맵이 뒤집혀져있었습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/998D4E4B5BEEA55435" class="txc-image" actualwidth="489" hspace="1" vspace="1" border="0" width="489" exif="{}" data-filename="5.jpg" style="clear:none;float:none;" id="A_998D4E4B5BEEA554359017"/></p><p style="text-align: center;"><br></p><p style="text-align: center;">Bush에셋의 문제 점입니다.</p><p style="text-align: center;">첫번째 문제는 쉐이더가 레거시로 되어있었다는 문제였습니다. Standard로 변경하여 최신버전에 맞게 수정하였습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;">두번째로 </p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/999D53435BEEA4941A" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="4.jpg" style="clear: none; float: none;" id="A_999D53435BEEA4941ACCDC"/><br></p><p style="text-align: center;">좌측 풀이 베이킹하기전이고 우측이 베이킹한 풀입니다.</p><p style="text-align: center;">그림자에 가려져있는 풀이 베이킹하면 우측처럼 뭉개지는 현상이 발생했습니다.</p><p style="text-align: center;">정확한 원인을 찾지 못하여 맵상에 심하게 뭉개진 풀만 베이킹되지 않은 풀로 교체했습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99ABA6455BEEA5A523" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="6.jpg" style="clear:none;float:none;" id="A_99ABA6455BEEA5A5234BDE"/></p><p style="text-align: center;">다음 미세한 Smoke이펙트를 바닥에 깔아줬습니다.<br></p><p style="text-align: center;">이로 인해 약간 유동적인 Fog느낌을 살렸습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/991745435BEEA5CA29" class="txc-image" actualwidth="580" hspace="1" vspace="1" border="0" width="580" exif="{}" data-filename="7.jpg" style="clear:none;float:none;" id="A_991745435BEEA5CA29D7D6"/></p><p style="text-align: center;">물도 교체했습니다. 환경 특성상 물이 움직임이 없어야하는데 이전에 너무 출렁거렸고 약간 푸른색이였는데<br></p><p style="text-align: center;">고여있는 물 답게 물움직임이 거의 없고 색을 아예 투명색으로 하여 좀더 배경하고 잘 어우러지게 하였습니다.</p><p style="text-align: center;"><br></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/99D298425BEEA64911" class="txc-image" actualwidth="640" hspace="1" vspace="1" border="0" width="640" exif="{}" data-filename="8.jpg" style="clear:none;float:none;" id="A_99D298425BEEA649116905"/></p><p style="text-align: center;">이전에 캡슐이였던 그림자를 Standard Asset의 캐릭터 그림자로 교체했습니다.<br></p><p style="text-align: center;"><span style="color: rgba(255, 255, 255, 0.88); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-align: start; white-space: pre-wrap; background-color: rgb(18, 18, 18);"><br></span></p><p style="text-align: center;"><br></p><p style="text-align: center;"><img src="https://t1.daumcdn.net/cfile/cafe/997B93475BEEA6E430" class="txc-image" actualwidth="1024" hspace="1" vspace="1" border="0" width="1024" exif="{}" data-filename="9.jpg" style="clear:none;float:none;" id="A_997B93475BEEA6E430D565"/></p><p style="text-align: center;"><span style="color: rgba(255, 255, 255, 0.88); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-align: start; white-space: pre-wrap; background-color: rgb(18, 18, 18);"><br></span><span style="font-size: 9pt;">더 좋은 색감을 찾을려고 Color Grading과 Fog등 간단히 조작할 수 있는 것들을 통해 좋은 색감을 찾을려고 노력했지만</span></p><p style="text-align: center;"><span style="font-size: 9pt;">이보다 더 좋은 색깔을 찾을 수가 없었습니다. </span></p><p style="text-align: center;"><span style="font-size: 9pt;">더 공부하여 색감을 잡는 법을 익혀야 한다고 느꼈습니다.</span></p><p style="text-align: center;"><span style="color: rgba(255, 255, 255, 0.88); font-family: Roboto, Arial, sans-serif; font-size: 14px; text-align: start; white-space: pre-wrap; background-color: rgb(18, 18, 18);"><br></span></p><p style="text-align: center;"><br></p>
<!-- -->
]]>
카페 게시글
★엔진 기초 명예의 전당
201413013 오지후 - 중간과제 : Ruin - 수정1
다음검색
첫댓글 음 다운로드는 바뀌기 전 링크인가요?
다운로드 링크도 최신입니다. 혹시나해서 방금 다운로드해서 확인 완료했습니다.