DirectX21 DirectX12에서 텍스트를 렌더링하는 2가지 방법 소개 안녕하세요. 오랜만에 강좌글이 돌아왔습니다 ..! 강좌라기보다는 방법론에 관한 글이라고 하는게 더 정확하겠군요. 이번 포스팅에서는 DirectX12에서 직접 사용자정의 폰트를 통한 텍스트를 출력하는 방법에 관하여 알아보겠습니다. 예를들어서 이런식으로요. 그러면.... 바로 시작하겠습니다..!! 1번째방법. 메쉬위에 텍셀좌표를 조절해서 그리기 이 방법은 우선, 직접 해야할것들이 많습니다. 대신 2번째방법보다 오버헤드가 훨씬 적으며, 좀더 세부적으로 글씨나 문자에 대하여 다룰수 있습니다. 이 방법은 우선 동적 정점버퍼를 가진 메쉬를 생성하는데에서 시작합니다. 1-1. 메쉬만들기 void BuildFont() { mFontData["original"] = TextFont::LoadFontData("fontda.. 2022. 8. 8. 방학에 할일 정리 해당 내용만 하자가 아니라, 최소 이거는 해놓자 입니다. [ 7월~8월 ] - Dx12 캐릭터 애니메이션 마무리 - DirectX12 UI & Font 프로젝트 완성시키기 : DirectX12기반으로 UI와 폰트 생성하는 프로젝트임. 이거 만들어놓으면 앞으로 Dx12게임엔진 만들때 매우 유용하게 사용될것임. Github주소 -> https://github.com/orangelie/Dx12UIFont.git GitHub - orangelie/Dx12UIFont: DirectX12-based user interface and font. DirectX12-based user interface and font. Contribute to orangelie/Dx12UIFont development by creati.. 2022. 7. 9. 사원수(Quaternion) 챕터 끝.... 사원수(Quaternion)을 이용한 키프레임 애니메이션 실습이 끝났습니다. 제 깃허브에도 커밋해놨습니다. 후.... 드디어... 대망의 마지막챕터인 "캐릭터 애니메이션"이 남았네요.. 이 챕터는 스키닝메시(skinned mesh)를 이용하는것같드라구요!! 아 참고로 주변광차폐는 좀 양이 많아서, 캐릭터애니메이션 끝내고 할예정!! 2022. 6. 29. [물리엔진공부] 물리엔진을 위한 간단한 렌더링엔진 만들었습니다. 일단 이번에 물리시뮬 실습을 하는데, 저가 이전까지는 그냥 렌더링엔진 만들기귀찮아서, VPython으로 물리엔진공부했었는데, 이번에 아예 dx12기반으로 각잡고 만듦. 일단 이번에 만든 렌더링엔진의 주목적은, 물리엔진을 돌리는것과 간단하게 구현할수있어야하는것. 이기 때문에, 저는 진짜 엄청쉽게 만들수있도록 패턴을 설계함. 다음과같이 엄청간단히 위 게임을 만들수있었습니다. /* * * * Github: https://github.com/orangelie * // Copyright (C) 2022 by orangelie, Inc. All right reserved. * // MIT License * */ #include "SAMPLES/PhysicsEngine.h".. 2022. 5. 28. [DirectX12] 노말맵핑 끝~ 쉽게 노말맵핑 비교하는걸 사진으로 찍었어요. 왼쪽이 노말맵핑 적용안한거고, 오른쪽이 노말맵핑 적용한거입니다. 차이가 느껴지시나요? 살짝더 불룩 튀어나와보여지는게 느껴지네용.... 다음은 그림자맵핑..... 그림자맵핑 살짝 흝어봤는데... 좀 빡쎌듯.. 2022. 5. 20. [ DirectX12 지형엔진 ] 일단 기본 프레임워크 제작끝.... 후.... 일단 기본적으로 dx11기반으로 진행하는 rastertek강의를 위한 dx12프레임워크 제작끝... 저가 대충 rastertek 지형엔진 강의 둘러봤는데, dx12로해도 상관없을것같음. 이번에 만든엔진은 책이나 인터넷안보고 아예 1부터 100까지 저의 머릿속내용으로만 코딩했어용. 실력좀 늘리려고 책이나 인터넷안보고 머릿속으로만 코딩해서 잘되가고 있는지는 모르겠네용... 그래도 아직까지는 오류없이 잘 동작하니까 굿..! 오늘한거 깃허브에 커밋하고 저는 잡니다.... 쓰으읍..하.... 다음은 그리드랑 카메라이동이네요... 카메라이동기법은 이미 알고있지만, rastertek강좌에서는 어떻게 구현하는지도 배울겸, 이부분은 그대로 rastetek강좌보면서하고, 그리드(Grid) 2022. 5. 4. 계산셰이더 어렵다... 깊이스텐실버퍼쪽은 아무것도 아니였네... 스레드랑 스레드그룹에 관한 개념은 이해가 갔지만, 이번에 실습중인 프로젝트의 매커니즘자체가 이해가 안감.... 흠.... 내 능지.. 괜히 마음만 급하네...ㅠㅠ.. 휴우.... 되도록이면 동생생일에 다렉12로 생일선물 만들어주려고 살짝 급하게 공부중인데,,,, (동생생일 5월말) 허..... 가능..??할까...?그때까지 최소 입방체맵핑까지는 공부해둬야 좀 선물같은 선물이될텐데.... 괜히 급하게해서, 이론공부도 못하고, 동생 생일선물 완성도도 떨어질듯...ㅠㅠ 2022. 4. 1. 뭐지...? 왜이렇게 어렵지...? 현재 혼합을 모두 끝마치고, 깊이스텐실버퍼랑 그림자행렬 쪽 공부중인데.. 깊이스텐실버퍼+그림자행렬.... 개념이랑 이론 둘다 너무 어려운데 뭐..지....? 나중에 책 다 정독하고 한번더볼챕터가 늘었네요.. [ 나중에 책 다 정독하고 한번더 볼 챕터 ] dx12초기화 연습문제 안푼것들 마저풀기 빛 혼합 깊이스텐실 흠.... 빛이나 혼합도 이론자체는 이해했는데, 깊이스텐실 개념은 딱 와닿지않네요.. 뭐 계속 달려들다보면 시간이 해결해주겠죠... 2022. 3. 22. DirectX12. 텍스쳐실습끝 혼합(blending)들어갑니다.....! 제목그대로 텍스쳐실습을 모두 맞추었습니다. 저기 네모난상자모형에 사용한 텍스쳐는 뭘까요?? 큭큭 몇주일~개월뒤에.. 공개합니다 ... (소소한 미래에 올릴 포스팅글의 떡밥) 힌트는 "원신 ㅋㄹㅌ ㅁㄷㅂㅇ에 사용할 텍스쳐" 입니다.. 드디어 텍스쳐단원을 탈출합니다...! 흠... 아직은 srv가 익숙치는 않아요. 하지만 dx12에서 어떤시스템으로 돌아가는지는 대충 알겠네요. 요약해서 여러개의 텍스쳐를 다루려면: 서술자힙 1개 만들고->서술테이블갯수를 렌더링할 텍스쳐갯수만큼 만들고, 셰이더에는 그냥 서술자힙의 갯수만큼만 Texture2D객체 올리면됨. 굿! 그리고, SamplerState객체는 Texture2D객체랑 아예 다르게관리함. 레지스터도 다르기때문에 그냥 별개의 메모리영역이라고 생각하면됨. 조만간 .. 2022. 3. 19. DirectX11 공부 7주차. 멀티 텍스쳐링과 텍스쳐 배열 안녕하세요!! 오랜만에 dx11 공부가 돌아왔습니다. 저는 이제 dx12에서 텍스쳐를 거의끝마치고 혼합단계에 들어갑니다... 확실히 dx12로 텍스쳐 엄청 지지고볶고 dx11와서 공부하는데에... 와.. 이해가 너무 잘되더라구요. 예전같았으면은 그냥 그대로 따라했을텐데, 이번에는 대충 강좌글 흝어보고, 뚝딱뚝딱 알아서 만들어보았습니다. (사실 dx12만 보다가 dx11로 오랜만에 와서그런지 dx11초기화공정을 까먹어서 한번더 보고시작함. ㅎㅎ..) 일단 이번에 공부한 내용은 멀티텍스쳐링입니다. 여러개의 텍스쳐배열을 통해서 픽셀셰이더에서 텍스쳐배열로 불러온 텍스쳐들을 모두 합치는 기법이예요. 참고 https://www.rastertek.com/ RasterTek - DirectX 10, DirectX 11.. 2022. 3. 18. (구) 나의 공부 로드맵 새로운 로드맵 링크입니다. 이번에 좀더 공부해보면서 좀더 체계적으로 설계된 로드맵입니다(2022-06-02) https://mawile.tistory.com/336 나의 공부 로드맵 저의 공부로드맵은 계속해서 갱신되는중입니다. 이번에 몇달 더 공부해보면서 좀더 체계적이고 현실적으로 세워진 공부로드맵입니다. 밑에 색깔표시는 대략적인 수치이며, 정확한수치가 아닌 mawile.tistory.com 우선 하얀색은 아무 일정이 없는 내용들입니다. 노란색은 현재 공부중인 것들입니다. 빨간색은 공부가 거의 다 끝난 것들입니다. 파란색은 다음 공부할 것들입니다. dx, 유니티엔진에 관한 이야기... 쓰으읍... 이상하게 dx11을 dx12보다 빨리시작했는데도 불구하고, dx12가 진도가 매우빨라요. 절반밖에안남았습니다.. 2022. 3. 14. 빛&카툰셰이딩 실습 끝! 이번에 빛이랑 셰이더공부하면서 책에 끝에있는 연습문제중에서 카툰셰이더 구현문제가 있길래, 풀어보았습니다. 흠.... 처음에 어떻게 구현할까 책의 힌트를 봐가며, 고민해봤죠. [책에 적혀있던힌트] 카툰스타일조명의 한가지 특징은 한 색조에서 갑자기 다른 색조로 넘어간다는것이다. 흠.... 고민하다가, 분산반사율을 조정해야하나? 아니면 빛계산으로 구해진 평행광을 조정해야하나? 고민하다가 하나씩 다 넣어보니까 평행광->점광->점적광을 모두 계산한 빛에다가 카툰셰이딩을 지지고볶고해보았습니다. 실제 구현부분은 밑에 코드로 남겨놓겠습니다. 그냥 C++에서 일일이 DiffuseAlbedo를 조정하는것보다 hlsl셰이더쪽에서 모든 유형의 빛의 계산이 끝난뒤 한번에 계산하는것이 편하고 심플할것같아서 그렇게했습니다. 만들어.. 2022. 3. 10. Model loader(모델 불러오는 프로그램) 만들었습니다. 기반은 예전에 정육면체만들었던 프로젝트위에다가 만들었습니다. 깃허브에도 올려놨어욧~ https://github.com/orangelie/DirectX12Study/tree/main/4.%202022-03-03%20(Model_Renderer) GitHub - orangelie/DirectX12Study: DirectX 12 Study & Developing GameEngine Application(Platform). DirectX 12 Study & Developing GameEngine Application(Platform). - GitHub - orangelie/DirectX12Study: DirectX 12 Study & Developing GameEngine Application(Platform).. 2022. 3. 3. [3장] 좌표 변경 변환 문제풀이 | DirectX 12를 이용한 3D 게임 프로그래밍 입문 변환 28번 문제 풀이 일단 저는 밑에 문제를 풀어보았습니다. 최소값이되는 점 (1, 1)과 최대값이 되는 점 (3, 3)을 x축에 대하여 2단위 비례시킨 행렬을 구하라. 라는 생각으로 풀었죠. 풀이 우선 사각형의 중점을 원점으로 설정하기 위해, 사각형의 중점을 구해줍니다. \( 사각형의 중점의 좌표 ={(3, 3) / (1, 1)} / 2 = (2, 2) \) 이제 좌표 변경 변환을 수행합니다. 우선 저는 최소점좌표를 \( (min_{x}, min_{y}) \) 로 두겠습니다. 그리고 최대점좌표는 \( (max_{x}, max_{y}) \) 로 두겠습니다. 그리고 중점의 좌표를 \( (side_{x}, side_{y}) \) 로 두겠습니다. 그러면,, 이를 통해 좌표 변경 변환을 수행하면? 좌표 변경 .. 2021. 12. 16. 게임개발 공부 (1) 행렬 | Direct 12를 이용한 3D 게임 프로그래밍 입문 게임개발 공부 (1) 행렬 | Direct 12를 이용한 3D 게임 프로그래밍 입문 이번에 책을 읽어보면서 행렬에 대하여 공부해보았습니다. 흠.. 사실 DirectX 11 공부할때에도 행렬은 진짜 기본중의 기본이었지만, 사용된 행렬함수의 내부공식이 정확히 어떻게 되어있는지 몰랐지만, 이번에 그 궁금증이 풀렸습니다. 우선 궁금증이 풀린 메소드가 D3D11MatrixTranspose() 2021. 12. 11. 간단하게 DirectX 최신 버전 설치 & 개발 환경 세팅 간단하게 DirectX 최신 버전 설치 & 사용해보기 안녕하세요! 이번에는 DirectX의 최신버전을 설치하고 비주얼스튜디오에서 환경을 맞추어보도록 하겠습니다. 이 강좌는 간단하게 나중에 여러가지의 포스팅을 위해서 게시된 글입니다. 다운로드 DirectX의 최신버전은 Microsoft의 정식사이트에서 다운로드가능합니다. https://www.microsoft.com/ko-kr/download/details.aspx?id=35 Download DirectX 최종 사용자 런타임 웹 설치 관리자 from Official Microsoft Download Center 중요! 아래에서 언어를 선택하면 전체 페이지 내용이 해당 언어로 신속하게 변경됩니다. 네덜란드어독일어러시아어스웨덴어스페인어영어이탈리아어일본어중국어.. 2021. 11. 28. DirectX11 공부 6주차. 폰트 엔진, DirectInput 안녕하세요!! 이번에는 2D모델 렌더링을 이용한 화면에 글자 띄우기와 DirectInput을 이용하여 초고속으로 마우스와 키보드의 입력값을 받아오는 연습을 했습니다. 이번에 글자띄우기를 해보면서 배운점이 몇가지있습니다. 대표적으로 글자를 띄우는 원리인데, 내부적으로 투명색의 사각형모양의 정점버퍼를 띄운후, 그 위에 폰트 텍스쳐를 띄우는것으로 글자를 띄울 수 있었습니다. 나중에 Frustum Culling 부분까지 진도를 나가면 개인프로젝트로 자체게임엔진을 하나 간단하게 포트폴리오형식으로 만들어서 티스토리블로그랑 깃허브에 공유해보도록 하겠습니다! 참고 https://www.rastertek.com/ RasterTek - DirectX 10, DirectX 11, and DirectX 12 Tutorials.. 2021. 11. 27. DirectX11 공부 5주차. 2D모델 렌더링 안녕하세요!! 이번에도 공부를 맞치고왔습니다~ 휴우~!! 이번에는 유니티, 언리얼, 코코스와 같은 상용엔진에서도 많이 사용한다는 스프라이트기능, 이펙트, UI와 같은 2D모델 렌더링에 관하여 공부하고왔습니다! 이번에 배운 내용을 요약하자면 깊이스텐실버퍼를 켜고끄는 방법, 동적으로 정점버퍼를 바꾸는 방법!! 이라고하면 좋겠네요~!! 참고 https://www.rastertek.com/ RasterTek - DirectX 10, DirectX 11, and DirectX 12 Tutorials The purpose of this website is to provide tutorials for graphics programming using DirectX 10, DirectX 11, and DirectX 12.. 2021. 11. 20. DirectX11 공부 4주차. 정반사광, 인스턴싱 안녕하세요오오옷!! ㅠㅠㅠㅠ rastertek directx11 강좌사이트 끄적끄적해보다가... (빠밤..!!) 저가 매우 궁금해하던 인스턴스 구현에 관한 내용도 있더라구요!! ㅠㅠ 인스턴스 구현부분은 사실 rastertek에서 37번째에서 다뤄질 내용이였지만, 궁금증을 못참고 바로 임시로 건너뛰어버렸습니다.. "어떻게 하면 여러개의 도형을 그릴까?" 라는 궁금증이 사실 예전부터 있었습니다.. 흑... 그걸 달성!! 해서 기분좋네요. 물론 rastertek강의 그대로 따라하는건 저의 성미에 맞지않기때문에 또 저 맘대로 수정했습니다 ㅋㅋㅋ rastertek강의에서는 (5. 텍스쳐)에 관한 소스코드에 이어서 진행했지만, 저는 (10. 정반사광)로 이어서 진행했습니다. 왜냐하면 (5. 텍스쳐) 이부분은 아직3.. 2021. 11. 17. [C/C++] Directx12 강좌 - 02. 윈도우 생성 번역자의 말 이번에 Directx12를 공부하기 위해서 번역강좌 올립니다. Directx12 설치부분은 추후에 업로드하겠습니다. 참고한 원본사이트는 DirectX 12 Braynzar Soft Tutorials - 02. Creating a Window 입니다. 영어번역이 어색한 부분은 댓글로 지적 부탁드립니다. 새 선언 우리는 구조체에 저장되는 HWND라는 윈도우 핸들이 필요합니다. 우리는 글로벌 윈도우 핸들을 만들어서 hwnd라고 부릅시다. 창을 만들려면 WNDCLASSEX 구조체를 작성해야 합니다. 다음 줄은 클래스의 이름인 문자열입니다. 이건 여러분이 원하는 대로 불러도 됩니다. 그 다음에는 전체 화면 모드가 아닐 때 창의 제목 표시줄에 있는 텍스트가 창의 제목입니다. 더보기 New Declara.. 2021. 11. 5. DirectX11 공부 1주차. 프레임워크 설계및 윈도우 생성 안녕하시죠!! 저는 이번에 본격적으로 게임그래픽공부를 시작하게되었습니다. 사실 이전까지는 유니티에서 삽질만 해댔는데, 본격적으로 빡쎄게 공부하는건 이번이 처음입니다. 이번 공부시리즈는 그냥 저가 무엇을 공부했고, 궁금한점과 새로알게된 점에 대해서만 언급하는 시리즈입니다. 사실 엄청 고민했습니다. directx11로 할지, opengl4로 할지 vulkan으로할지....ㅠㅠ 그 결과 directx11로 하기로 결정했습니다. 현재는 opengl보다 directx11를 더 많이 쓰기도하고, 제공하는 레퍼런스자체가 directx11쪽이 더 많기때문에... opengl도 jnl이랑 연결해서 안드로이드로도 만들 수 있다고해서 "오??" 했는데,, 흠... 그냥 무난하게 directx11로 하겠습니다. 이번에 저희 .. 2021. 11. 3. 이전 1 다음