(스압)일베간 텍스쳐정보에서 노말맵에 대해 간단하고 쉽게 알아보자이기.

<img class="-up-content -lazy-image" alt="" src="/img/transparent.gif" data="https://ncache.ilbe.com/files/attach/new/20141129/377678/1479150836/4767241801/df9655c662c9de9d58006991a0ae4aca.jpg"/><br><p><embed src="https://ncache.ilbe.com/files/attach/new/20141129/377678/1479150836/4767241801/c4ed1d52a631c59fc056c7f8f2c12bb1.swf" allowscriptaccess="never" allownetworking="internal" style="max-width:100%;" type="application/x-shockwave-flash"></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p><br></p><p>Q.노멀맵이 뭐냐?</p><p>A.간단하다. 노멀벡터가 들어있는 맵.</p><p><br></p><p>Q.그럼 노멀벡터가 뭐임?</p><p>A.<span style="line-height: 1.5;">노멀벡터=법선</span></p><p><span style="line-height: 1.5;"><br></span></p><p>Q.벡터가 무슨뜻?</p><p>A.방향임. 그냥 오른쪽, 또는 오른쪽위방향 등등을 수치화 한것 뿐임 좁밥</p><p><span style="line-height: 1.5;"><br></span></p><p>Q.법선이 뭔데 그래서</p><p>A.<span style="font-family: 굴림, gulim, helvetica, sans-serif; line-height: 1.5;"><strike>곡선 C 위의 한 점 P를 지나고 그 점에서 접선 t에 수직인 직선.</strike></span></p><p><span style="line-height: 1.5;">이런 좆같은 설명 은 집어치우고. 그냥 여기서는 '평면의수직' 이라고만 생각해도 충분하다.</span></p><p>땅에 깃발 꽃을때 대충 수직으로 꽃지? 그거임. '평면이 바라보고 있는 방향' 이라고 생각하면 되겠다</p><p><br></p><div>Q.그게 뭐에 쓰임?<br>A.사물의 굴곡이 우리눈에 보이는 이유는 빛의 반사임.</div><div>예를들어 그냥 평평한 김치가슴이라도 빛의반사만 잘 주작할수 있다면 백마부럽지 않다 이기.</div><div>즉, 빛의 반사를 계산하는데 쓰여</div><div><br></div><div>Q.어떻게?</div><div>A.다음 그림을 보자.</div><div><br></div><div><img class="-lazy-image" src="/img/transparent.gif" data="https://ncache.ilbe.com/files/attach/new/20141129/377678/1479150836/4767241801/5681ff89b2b4fcbc89800200a652a8fa.png" alt="반사.png" width="470" height="422"> <br></div><div>빨강이 그냥 '평면'이고 </div><div>파랑이 빨강평면의 '법선'임</div><div>노랑이 빛이야.</div><div><br></div><div>매우 간단해. <span style="line-height: 1.5;">그냥 파랑법선을 기준으로, 노랑선과 이루는 양쪽 각도들을 똑같이 하면 되잖아 좁밥이지?</span></div><div><br></div><div>즉, 법선만 있으면 빛의반사주작은 간단하다 이기야!.</div><div>근데 저걸 어떻게 노멀맵으로 만드느냐?</div><div><br></div><div><br></div><div><img class="-lazy-image" src="/img/transparent.gif" data="https://ncache.ilbe.com/files/attach/new/20141129/377678/1479150836/4767241801/d72f9c27799a55b5d60a10c7e263f40d.png" alt="3차원.png" width="608" height="521">
<br></div><div>좁밥임</div><div>정사각형의 평면이 있다 치자.</div><div><span style="line-height: 1.5;">X가</span><span style="line-height: 1.5;">(초록)</span><span style="line-height: 1.5;"> 정사각형의 가로고</span></div><div>Y가(빨강) 정사각형의 세로임.</div><div>그리고 Z가(파랑) 위,아래 방향 이다.</div><div><br></div><div>보자 그럼 XY평면에서 법선벡터는 수직으로 윗방향(Z방향)이야. </div><div>이걸 벡터로 나타내면 (0,0,1)이겟지. </div><div><br></div><div>근데 봐. 픽셀의 색상은은 RGB 3가지로 이루어져 있어.</div><div>3차원의 벡터도 XYZ 3가지로 이루어져 있고.</div><div><br></div><div>그래서 이걸 꼼수로 XYZ의 수치를 RGB에 넣어서 기록해놓는걸 노멀맵이라 한다.</div><div><br></div><div>즉, 0,0,1을 RGB수치에 넣는거지</div><div>RGB의 각 요소들은 0부터 255까지 쓰이지?( 포샵같은거 쓰는사람들이면 당연하게 여기고 있겠지. 아니라도 좀 상식적인거다)</div><div><br></div><div>근데 0,0,1을 어떻게 RGB에 넣냐?</div><div>좁밥임 </div><div>1을 최대로 가정하고 1이 들어가 있다면 255로 바꿔넣는거지 (비율적으로 바꿔넣는다는 얘기야)</div><div>즉, 저건</div><div><b>(0,0,255) 라고 표기 </b>할수 있다고 생각하겠지만 아직 더 남았어.</div><div>음수 부분의 표기야.</div><div><br></div><div>시벌.. 슬슬 이해 안되서 ㅁㅈㅎ를 줄까 생각중인 게이들이 생겼겠지만 상관없다!</div><div><br></div><div>근데 이부분도 좁밥임. </div><div>벡터의-1을 -> RGB의0으로 <span style="line-height: 1.5;">두면됨</span></div><div>즉, </div><div>공간좌표의 -1= RGB의 0.</div><div>그럼 ㄱ공간좌표의 0은 ? -1과 1의 중간이니까,  </div><div><span style="line-height: 1.5;">RGB</span>에서는 0과 255의 중간인 127이겠네.</div><div>좁.밥.ㅋ<span style="line-height: 1.5;">(127.5겠지만 소수점은 버려. 자세한걸 설명하자면 기니까 패스하자)</span></div><div><b><br></b></div><div><b>그래서 벡터(0,0,1)의 표기는</b></div><div><b><span style="line-height: 1.5;">RGB</span>(127,127,255) 이게 답이다.</b></div><div><b><br></b></div><div><b><br></b></div><div><img class="-lazy-image" src="/img/transparent.gif" data="https://ncache.ilbe.com/files/attach/new/20141129/377678/1479150836/4767241801/29fa1abfa0b906453f742a55d7054a0b.png" alt="색상표.png" width="585" height="87">
<br></div><div>좌이버에서 색상코드를 검색해봤다. 색상코드에 보면 R이 127, G가 127, B가 255. 맞지?</div><div>(혹시 모르는게이들 있을까봐 그러는데 R=Red 빨강, G=Green초록, B=Blue 파랑)</div><div><br></div><div><br></div><div><br></div><div>이 색상을 잘 기억해놓고 다음 노멀맵을 보자.</div><div><br></div><div><br></div><div><br></div><div><br></div><div><img class="-lazy-image" src="/img/transparent.gif" data="https://ncache.ilbe.com/files/attach/new/20141129/377678/1479150836/4767241801/20e1cb2c4cacac8954d19858f5a097c2.jpg" alt="8b9e0cd465dd5d50e150e9bf3b329d92.jpg" width="512" height="512">
<br></div><div><br></div><div>대부분 화면이 푸르딩딩하지?(텍스쳐정보 작성게이도 푸르딩딩하다고 표현했고 말야)</div><div>이유는 간단해. 구부러지지않은 평평한 평면쪽은 법선이 바로 위쪽인 벡터(0,0,1)이겠지? RGB로는? <b style="line-height: 1.5;"><span style="line-height: 1.5;">RGB</span>(127,127,255) !</b></div><div>색상은? 바로위에서 좌이버에 검색했던 색상이지? 똑같지? </div><div>어떤면이 울긋불긋 하다쳐도 대부분의 방향은 윗쪽 방향에 가까워. </div><div>그래서 윗쪽방향인 B요소가 크고, 그러다보니 노말맵은 푸르딩딩하다 이기야!</div><div><br></div><div>그리고 이렇게 픽셀단위로 노말을 저장할수 있으니 나름 자세한 텍스쳐표현이 가능하겠지? 이게 노말맵의 장점이다!</div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><span style="font-size: 18px;"><b><span style="font-size: 24px;">대충 이까지만 알면되고 더 알고 싶으면 아래도 읽어보라 이기! </span></b></span></div><div><br></div><div><br></div><div><br></div><div><span style="line-height: 1.5;"><br></span></div><div><span style="line-height: 1.5;">OUT은 튀어나온걸 표현하기위한 부분이야.  아마 많은 게이들은 들어가 보일테지만 </span></div><div><span style="line-height: 1.5;">이는 우리 눈은 물체의 위쪽 음영으로 사물의 음,각등을 자주 판단한다고해.</span></div><div><span style="line-height: 1.5;"><br></span></div><div>모바일게이들은 폰을 뒤집이 보면 다시 튀어나오게 보일수도 있고(한번 박힌 고정관념때문에 계속 들어가보일수도 있다)</div><div>아니면 아랫부분을 일부러 강하게 인식하면 튀어나오게 보여.</div><div><br></div><div>아무튼. OUT의 윗쪽이 조금 불그스름 하지? 3차원 공간에서 보면 바로 위방향이 아닌, 위방향에서  Y축쪽에 많이 근접한 모양새일꺼야.</div><div>(간단하게 주사위가 책상에 있을때 옆면이 바라보는 방향은 옆이지? 그래서임)</div><div><br></div><div><span style="line-height: 1.5;">법선을 대충 Y축방향인 벡터(0,1,0) 으로 두자.</span></div><div>그전에 생각할건 여기에서 Y축은 빨강색이다.</div><div><span style="line-height: 1.5;">그럼 RGB로 바꾸면? </span><b style="line-height: 1.5;"><span style="line-height: 1.5;">RGB</span>(255,127,127) </b></div><div>왜 Y는 두번째요소인데 RGB에선 첫번째에 들어갔냐?</div><div>자기맘인데 보통Y축이 빨강이다. 그래서 위에 3차원그림판짤도 Y축은 빨강으로 그림.</div><div><br></div><div>아무튼 빨강색 요소인 R이 훨씬 크니까 대충 불그스름한 색상이 나오겠지?</div><div><br></div><div><img class="-lazy-image" src="/img/transparent.gif" data="https://ncache.ilbe.com/files/attach/new/20141129/377678/1479150836/4767241801/b199a7026af1b38ad697c87177c5dd80.png" alt="색상2.png" width="574" height="97">
<br></div><div>검새해보니까 맞네. 그래서 OUT에서 윗부분은 불그스름하구나! 하면 됨</div><div><br></div><div><br></div><div><br></div><div><br></div><div>그렇다면 벡터(0,1,1)은 어떻게 RGB로 바꿀까?</div><div>벡터의 크기를 무조건 1로 맞춰야해.(애초에 방향벡터의 크기는 1이 정상임)</div><div>하는방법은 좁밥인데 패스함. 알고싶으면 검색! 좁밥이라 잘나와있음.</div><div> (보기 쉽게 두번쨰 소수점부턴 생략하자)</div><div>벡터(<span style="line-height: 1.5;">0.7, </span><span style="line-height: 1.5;">0, </span><span style="line-height: 1.5;">0.7) 이렇게 돼. (XYZ의 Y요소는 R, X요소는 G라는걸 생각하자)</span></div><div>RGB로 바꾸면 -> <span style="line-height: 1.5;">RGB(178,</span><span style="line-height: 1.5;">127</span><span style="line-height: 1.5;">,178)  좁ㅋ밥ㅋ</span></div><div><span style="line-height: 1.5;"><br></span></div><div><span style="line-height: 1.5;">여기까지다. </span></div><div><span style="line-height: 1.5;">만약 이 글을 완벽하게 이해했다면 노말맵의 상당부분을 이해한것이다.</span></div><div><span style="line-height: 1.5;">이외에도 노말맵의 좌표계를 어찌어찌 변환한다~ 이런건 있는데 이런건 일반인이 알려 하기엔 너무 많이 나가는 부분이다.</span></div><div><span style="line-height: 1.5;">이것도 좁밥인 부분인데 여기까지 할께.</span></div><div><span style="line-height: 1.5;"><br></span></div><div>게임에서 텍스쳐가 이런식으로 대충 이루어져 있다 라고만 알면 된다!</div><div><br></div><div><br></div><div><span style="line-height: 1.5;">이해 안가서 중간에 ㅁㅈㅎ 주러 간 게이들도 관심이라도 가져줘서 고맙다. </span></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><div><br></div><p>

</p>

새로운 알림0개

일간베스트 저장소

첨부 [7]

새로운 알림0개전체삭제