디시인사이드 갤러리

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

갤러리 본문 영역

적분시리즈: 4. 행렬변환을 통해 회전, 확대/축소하기

∫ 2t dt=t²+c갤로그로 이동합니다. 2009.11.24 23:47:11
조회 715 추천 0 댓글 3


이번에는 스프라이트를 확대/축소하거나 회전해서 출력할 수 있게 해보자.

이런 까다로운 일들을 하기 위해선 \'행렬\'이라는 걸 알아야한다. 하지만 여기서 행렬에 대해서 자세히 설명할 시간은 없고, 3D프로그래밍을 할때는 행렬을 통해서 여러가지 변환을 한다는 사실만 알아두도록 하자.

D3D에서는 행렬을 위한 자료형으로 D3DXMATRIX타입을 제공한다.
그리고 편리한 행렬 계산을 위해 D3DXMatrix~~~ 시리즈 함수를 제공한다.
D3DXMATRIX 타입에 각종 연산자(대입, 곱하기, 더하기, 빼기 등등)가 정의되어 있으므로 연산도 편리하게 할 수 있다.

점 (x, y, z, 1)에다가 4차정사각행렬을 곱함으로써 행렬변환은 이루어진다. 점에다가 특정한 행렬을 곱하면 여러가지 효과를 줄 수 있다.

ID3DXSprite는 SetTransform 라는 변환행렬을 지정하는 함수를 제공한다.
19499B174B0BD8A98067DA
자, 가상의 텍스쳐가 좌표계 위에 있다.
(화면 상의 좌표계는 수학과는 다르게 아래로 내려갈수록 y가 증가한다. )
변환행렬을 단위행렬로 설정해놓으면 항상 이 상태로 텍스쳐가 출력된다.
자, 이제 행렬의 마법이 시작된다.
1. 평행이동 D3DXMatrixTranslation(행렬, x이동, y이동, z이동)
1121FC234B0BE132248A03
x축, y축, z축 방향으로 평행이동시킨다. 근데 2D출력에서는 z축이동은 필요가 없으므로 무시해도 된다.

D3DXMATRIX mat;
D3DXMatrixTranslation(&mat, 3.f, 4.f, 0.f);
m_pspr->SetTransform(&mat);
//x축으로 3, y축으로 4만큼 평행이동해서 그린다.

2. 확대/축소 D3DXMatrixScaling(행렬, x축확대율, y축확대율, z축확대율)
2018BA0C4B0BE2420961C1
x축, y축, z축으로 일정 비율 확대/축소시킨다. 역시 z축은 무시하도록 하자. 확대/축소시에 기준점은 항상 원점이다.

D3DXMATRIX mat;
D3DXMatrixScaling(&mat, 3.f, 4.f, 1.f);
m_pspr->SetTransform(&mat);
//x축으로 3배 늘리고, y축으로 4배 늘려서 그린다.

3. 회전 D3DXRotationZ(행렬, 회전각도)
2005F50C4B0BE2E1236869
z축을 축으로 일정 각도 회전시킨다. z축은 원점을 지나, x,y축에 수직으로 화면속으로 들어가는 방향이다. 그러므로 기준점은 원점이 되고, 회전방향은 우리가 보는 입장에서 시계방향이 된다.

D3DXMATRIX mat;
D3DXMatrixRotationZ(&mat, D3DX_PI/6.f);
m_pspr->SetTransform(&mat);
//시계방향으로 30도(Pi/6)회전시켜서 그린다.

참 쉽죠?
근데,  원점을 기준으로 회전하니까, 좀 거시기하다. 텍스쳐의 중심을 기준으로 회전하게 하려면 어떻게 해야 할까?

먼저 평행이동을 통해서 텍스쳐의 중심을 원점과 일치시킨다.
2066EF234B0BE89B7B583F

그리고 회전시킨다.
2014C11F4B0BE8B5653DEF
그리고 다시 평행이동시켜 원래 위치로 보낸다
121D48214B0BE8CF0A97E3
D3DXMATRIX mat, mat1, mat2, mat3;
D3DXMatrixTranslation(&mat1, -w*0.5f, -h*0.5f, 0.f); //w,h는 텍스쳐의 가로 세로길이
D3DXMatrixRotationZ(&mat2, angle); //angle은 회전각도
D3DXMatrixTranslation(&mat3, w*0.5f, h*0.5f, 0.f);
mat=mat1*mat2*mat3;
/*변환을 차례대로 적용하고 싶으면,
변환행렬들을 차례대로 곱하면 된다.*/
m_pspr->SetTransform(&mat);

이제 스프라이트를 회전시켜서, 확대/축소시켜서 그릴수 있겠다.
GRET GSprites::DrawSprite(UINT index, int x, int y, float sx, float sy, D3DCOLOR color) const
{
    if(m_vspr.size()<=index)return GRET_ERROR_PARAM;
    D3DXMATRIX mat, mat2;
    D3DXMatrixScaling(&mat, sx, sy, 0);
    mat*=*D3DXMatrixTranslation(&mat2, (float)x, (float)y, 0);
    GGame::GetInstance()->GetSprite()->SetTransform(&mat);
    if(FAILED( GGame::GetInstance()->GetSprite()
        ->Draw(m_vptxt[m_vspr[index].itxt],
        &m_vspr[index].rect, NULL, NULL, color) ))
    {
        return GRET_ERROR_FAIL;
    }
    return GRET_OK;
}
가로로 sx배, 세로로 sy배 확대/축소하는 함수이다.
중간에
mat*=*D3DXMatrixTranslation(&mat2, (float)x, (float)y, 0);
라는 상당히 해괴한 코드가 보인다.

D3DXMatrix~~함수는 첫번째 인자를 다시 리턴해준다.
즉 원래는
D3DXMatrixTranslation(&mat2, (float)x, (float)y, 0);
mat*=mat2;
인데, 어차피 D3DXMatrixTranslation(&mat2, (float)x, (float)y, 0)가 &mat2이므로,
mat*=*D3DXMatrixTranslation(&mat2, (float)x, (float)y, 0);라고 쓴것이다.

ID3DXSprite::Draw을 사용할때, 주의할점.

HRESULT Draw(  LPDIRECT3DTEXTURE9 pTexture,  CONST RECT * pSrcRect, CONST D3DXVECTOR3 * pCenter,  CONST D3DXVECTOR3 * pPosition,  D3DCOLORColor );
네 번째 인자로 주는 pPosition으로 좌표를 줄때, 행렬변환이 적용된 것을 감안해야 한다.
만약 가로, 세로 2배씩 키워주는 행렬을 변환행렬로 잡았을때, pPosition을 (10, 10, 0)으로 주면, pPosition에도 변환이 적용되어 결국 (20, 20, 0)에 텍스쳐를 출력하게 될 것이다.
1628131A4B0BEF9B969972
행렬변환을 이용해서 스프라이트를 여러가지 모습으로 출력해보자.




추천 비추천

0

고정닉 0

0

원본 첨부파일 1

댓글 영역

전체 댓글 0
본문 보기

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 제목 글쓴이 작성일 조회 추천
설문 며느리, 사위되면 시댁, 처가에 잘할 것 같은 스타 운영자 25/10/13 - -
AD iPad Pro 사전예약!! 운영자 25/10/17 - -
공지 프로그래밍 갤러리 이용 안내 [96] 운영자 20.09.28 48031 65
2897077 R 프로그래밍 과제 도와주실 분 구합니다 [3] 가즈아(119.70) 16:47 18 0
2897076 좀 이해가 안가노 exe 로 만들면 60짜리를 웹으로 해서 ㅆㅇㅆ(124.216) 16:42 18 0
2897075 학교 성적 5~6등급이면 요즘은 건동홍은감 류류(118.235) 16:41 9 0
2897074 C++ will never die. C++ 은 절대 죽지 않는다. 프갤러(59.16) 16:14 15 0
2897073 [애니뉴스] 문화 콘텐츠의 중심 프갤러(121.172) 15:51 9 1
2897072 그냥 코드가 테스트 통과하면 쓰는거고 못하면 [4] ㅆㅇㅆ(124.216) 15:46 61 0
2897071 고등학생 개발자 고민 [4] 프갤러(220.123) 15:43 58 0
2897070 사법부는 대한민국의 모든 남성들에게 피해보상금을 지불해야 된다 프갤러(121.172) 15:28 16 0
2897069 여자아이 응딩이 만지고 싶음 [1] 류류(118.235) 15:26 22 0
2897068 지금 듣는 노래인데 어떰? ㅁㅁ갤로그로 이동합니다. 15:13 13 0
2897067 교수 연락올때마다 씨발 심장이 덜컥 내려앉는데 이거 사랑이냐? [6] ㅆㅇㅆ(124.216) 15:13 65 0
2897066 오늘 학생 앞에서 쿼드트리 직접 구현하다가 존나 버벅대서 쪽팔렸음ㅋㅋㅋ [2] ㅆㅇㅆ(124.216) 15:09 50 0
2897065 밥벌이를 위해 개발하다 보면 [4] chironpractor갤로그로 이동합니다. 15:05 47 0
2897063 자기 개발 안하는 개발자는 없어졌으면 좋겠다 [3] 프갤러(183.109) 14:19 69 0
2897062 파워 교체 했습니다. 2009년 파워 넥도리아20252024(220.74) 14:18 12 0
2897061 'XX 꼭 배워야 함?' 이러는거는 '수학 꼭 배워야함?'으로 치환 가능 [2] 박민준갤로그로 이동합니다. 14:12 57 1
2897060 인생에 되는 일도 없고, 더이상 기대할 일조차 없다. [1] ㅇㅇ(223.39) 14:08 24 0
2897059 ㅇㅅㅇ [2] ♥덩냥이♥갤로그로 이동합니다. 14:02 25 0
2897058 나는 인간 코드도 안 믿고 ai코드도 안 믿고 [2] ㅆㅇㅆ(124.216) 13:49 44 0
2897057 웹에서 SI빼고 내수용 엔터프라이즈향 빼면 남는 업체는 한줌임 [4] 박민준갤로그로 이동합니다. 13:49 65 0
2897056 임베디드는 오래 살아남을 것 같긴 함 [2] 에이도비갤로그로 이동합니다. 13:48 42 0
2897055 나는 바이브 코딩 솔직히 못미더움 [1] 프갤러(176.227) 13:37 59 0
2897054 AI에 대체되는게 불안하면 임베디드도 할만함 [5] 박민준갤로그로 이동합니다. 13:31 60 0
2897053 직원으로서 코딩의 길은 가성비 낮다고 생각해 [13] chironpractor갤로그로 이동합니다. 13:08 122 0
2897052 요기요 개발자 주말에 쉼? [1] ㅇㅇ(211.234) 12:59 45 0
2897051 웹개발은 다 뒤진거 같고 [3] 프갤러(211.234) 12:49 88 0
2897050 AI 맹신, 무식하면 용감하다. [2] 프갤러(59.16) 12:40 70 0
2897048 바이브 코딩 하니까 약간 자괴감 오네 [2] ㅇㅇ갤로그로 이동합니다. 12:17 72 0
2897047 [자바스크립트] Array에서 특정 요소를 제거하는 코드 프갤러(121.172) 11:47 35 0
2897046 그냥 기획이나 마케팅만 할거면 데싸는 안배워도 됨? [13] 프갤러(121.175) 11:14 99 0
2897045 AI 바이브 코딩 인생 40 년 갈아 넣었습니다. 프갤러(59.16) 10:32 60 0
2897044 집사야 고생 많다 chironpractor갤로그로 이동합니다. 10:02 34 0
2897043 나 말고 너 말하는거야. [5] 프갤러(59.16) 09:11 69 0
2897042 짱깨 묻으면 범죄국가화 되는군 ♥덩냥이♥갤로그로 이동합니다. 09:10 25 0
2897041 ❤✨☀⭐⚡☘⛩나님 시작합니당⛩☘⚡⭐☀✨❤ ♥덩냥이♥갤로그로 이동합니다. 08:44 47 0
2897040 어느 집 담벽 ㅇㅅㅇ [1] 헤르 미온느갤로그로 이동합니다. 08:38 43 0
2897039 2009년 10월 출시 파워 샀습니다. 팬이 단선 되어서 쿨러때문에, 넥도리아(220.74) 08:34 23 0
2897038 태연 ㅇㅅㅇ 헤르 미온느갤로그로 이동합니다. 08:33 27 0
2897037 하루 한 번 헤르미온느 찬양 헤르 미온느갤로그로 이동합니다. 08:30 42 0
2897036 넥도리아 버거 하이터치 생존 신고... 넥도리아(220.74) 07:41 23 0
2897034 반지의 제왕 설정 발명도둑잡기(118.216) 04:10 69 0
2897030 음기 충전 발명도둑잡기(118.216) 03:59 70 0
2897026 한국인이 반지의 제왕 보면 몰입이 안 되는 이유 발명도둑잡기(118.216) 03:03 32 0
2897024 반지의 제왕 두개의 탑 봤다 발명도둑잡기(118.216) 02:40 25 0
2897022 바퀴벌레 잡기 알바해라 [2] ㅇㅇ(122.199) 01:57 54 0
2897020 숨고로 10만원 벌었다 [2] 프갤러(175.116) 01:29 72 0
2897018 해외는 보안상의 이유로 애니메이션 Lottie 쓰네 [3] ㅆㅇㅆ(124.216) 01:13 78 0
2897017 컴공말고 데이터사이언시스트도 ai가 대체할까? [1] 프갤러(121.175) 00:44 71 0
2897016 국내 프리랜서 갤러리 [1] 루도그담당(58.239) 00:41 57 0
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

디시미디어

디시이슈

1/2