[gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과
TRANSCRIPT
![Page 1: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/1.jpg)
GPG 1 권 .5.1
3D 하드웨어를 이용한2D 스프라이트 효과
2011. 4. 16 초중급 게임 개발자 스터디데브루키
박민근 ( 알콜코더 )
![Page 2: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/2.jpg)
내용 요약
• 2D 스프라이트를 3D 하드웨어를
사용해서 표현
• 3D 사각형 메시에 텍스쳐를 입혀서 표현
• 그리고 3D 를 직교 투영하면 됨
![Page 3: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/3.jpg)
사실…1.이미 다 알고 있는 내용이잖아 !!
2.GPG 1 권은 10 년 책입니다 = ㅅ =;
3.지금에 와서는 당연히 처리하는 방식
4.이전에는 Direct Draw 가 있었지만…
5.RHW 로 메시 만들어서 2D UI 표현은
아주 당연한거임 !
![Page 4: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/4.jpg)
2D 스프라이트의 주요 요소
•UV 좌표•Color•Alpha•Blending•Size
![Page 5: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/5.jpg)
3D 게임만이
게임은 아니다 !
![Page 7: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/7.jpg)
Brush Types Example
Illustration of solid color brush, linear gradi-ent brush, radial gradient brush, and bitmap brush
http://msdn.microsoft.com/en-us/library/dd799414(v=VS.85).aspx
![Page 8: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/8.jpg)
Opacity Masks Example
Illustration of three bitmaps with different opacity masks applied to them
http://msdn.microsoft.com/en-us/library/dd372307(v=VS.85).aspx
![Page 9: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/9.jpg)
UV Animation
•이동 •회전 •확대•축소•알파•칼라
•굴절•왜곡•Fade In/Out•다양한 연출 효과
![Page 10: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/10.jpg)
하지만…
![Page 11: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/11.jpg)
![Page 12: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/12.jpg)
님이 짱드셈 ~~!!!
![Page 13: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/13.jpg)
3D 화면을 2D 로 만들어서 , 2D 이펙트를
적용하게 되면 ??
Post Effect
![Page 14: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/14.jpg)
PostEffect• Bloom ( 뽀샤시 )
• 전체 화면 필터링
• 모션 블러
• 화면 일부분 왜곡 ( 스타크래프트 )
• Fade In/Out
• 다양한 화면 전환 효과 등
![Page 15: [Gpg1권 박민근] 5.1 3 d 하드웨어를 이용한 2d 스프라이트 효과](https://reader034.vdocuments.mx/reader034/viewer/2022050818/55890073d8b42a42708b45d4/html5/thumbnails/15.jpg)
요 약DirectDraw 가 사라진 이상 , 3D로 2D 를 표현하는 기술은 지금은 당연하다 .
2D 를 사용하는 부분에서 테크닉을 이용하여 , 다양한 연출도 가능하다 .