https://cignc.dev/categories/game-programming/Recent content in Game Programming on Cigarettes & CoffeeHugoko-krSun, 17 May 2026 01:39:28 +0900https://cignc.dev/posts/game-programming/graphics-basics/Sun, 17 May 2026 01:39:28 +0900https://cignc.dev/posts/game-programming/graphics-basics/<h2 id="1-frame-buffer-color-buffer-depth-buffer">1. Frame Buffer, Color Buffer, Depth Buffer</h2> <p>화면에 보이는 이미지는 결국 픽셀들의 배열이다. OpenGL에서는 렌더링 결과가 frame buffer에 기록되는데, 기본적으로 SDL window에 연결된 기본 frame buffer가 있다.</p> <p>기본 frame buffer에는 보통 다음 buffer들이 있다.</p> <ul> <li> <p>Color Buffer</p> </li> <li> <p>Depth Buffer</p> </li> <li> <p>Stencil Buffer</p> </li> </ul> <p>Color Buffer는 최종 색상이 저장되는 곳이고, Depth Buffer는 각 픽셀에 가장 가까운 물체의 깊이값이 저장되는 곳이다. Stencil Buffer는 마스크 처리 등에 사용된다.</p> <p>Sphere와 같은 3D 메시들은 앞쪽 삼각형과 뒤쪽 삼각형이 겹쳐 보일 수 있기 때문에 Depth Test 기능은 켜놓아야 한다.</p>https://cignc.dev/posts/game-programming/sdl-and-opengl/Tue, 12 May 2026 03:27:06 +0900https://cignc.dev/posts/game-programming/sdl-and-opengl/<h2 id="1-sdl3">1. SDL3</h2> <p>SDL은 Simple Direct Media Layer의 약자로, 게임이나 멀티미디어 프로그램을 만들 때 필요한 운영체제 의존 기능을 추상화해주는 라이브러리다. SDL이 도와주는 대표적인 일은 다음과 같다.</p> <ul> <li> <p>창 생성</p> </li> <li> <p>이벤트 처리</p> </li> <li> <p>키보드 / 마우스 / 게임패드 입력</p> </li> <li> <p>오디오</p> </li> <li> <p>타이머</p> </li> <li> <p>OpenGL, Vulkan, Metal 같은 그래픽스 API와 연결할 수 있는 window 준비</p> </li> </ul> <p>SDL 자체에도 간단한 렌더링 기능이 포함되어 있기는 하지만, SDL의 주된 역할은 다음과 같다.</p> <ul> <li> <p>OpenGL을 사용할 수 있는 창 생성</p> </li> <li> <p>OpenGL Context 생성</p>https://cignc.dev/posts/game-programming/ray-casting/Fri, 20 Mar 2026 17:14:45 +0900https://cignc.dev/posts/game-programming/ray-casting/<h2 id="1-광선">1. 광선</h2> <ul> <li> <p>광선 위의 한 점에 대한 표현</p> $$ r(t) = o + t d \text{(o는 원점, d는 방향벡터)} $$</li> <li> <p>방향벡터가 항상 단위 벡터임이 보장되지는 않지만, 관련 연산 대부분에서 방향벡터를 정규화하여 사용함</p> </li> </ul> <h2 id="2-표면">2. 표면</h2> <ul> <li>Ray - Object 교차의 기본이 되는 표면은 크게 음함수 표면과 명시적 표면으로 구분됨</li> </ul> <h3 id="명시적-표면">명시적 표면</h3> <ul> <li> <p>한 변수를 다른 변수들의 함수로 직접 표현하는 방식</p> $$ z = f(x, y) $$</li> <li> <p>예시: 포물선의 표면</p> $$ z = x^2 + y^2 $$</li> <li> <p>명시적 표면과 Ray 간 교차를 검사할 때, 함수에 $x$, $y$ 값을 대입해보고 그 값을 z값과 비교하여 표면에 있는 점인지, 표면을 지난 점인지, 표면에 닿지 못한 점인지 결정</p>https://cignc.dev/posts/game-programming/basic-game-physics/Mon, 09 Feb 2026 19:08:03 +0900https://cignc.dev/posts/game-programming/basic-game-physics/<h2 id="1-운동의-기본">1. 운동의 기본</h2> <ul> <li> <p>위치와 속도, 가속도</p> $$ v = \frac{dx}{dt}, a = \frac{dv}{dt} $$</li> <li> <p>등가속도 운동 공식</p> $$ v = v_0 + at $$$$ x = x_0 + v_0 t + \frac{1}{2} a t^2 $$</li> </ul> <h2 id="2-뉴턴의-운동-법칙">2. 뉴턴의 운동 법칙</h2> <ul> <li> <p>제1법칙(관성의 법칙): 외부에서 가해지는 알짜힘(합력)이 0일 때, 정지한 물체는 계속 정지해 있고, 운동하던 물체는 등속 직선 운동을 유지함</p> </li> <li> <p>제2법칙(가속도의 법칙): 물체에 알짜힘이 작용하면 힘의 방향으로 가속도가 발생하며, 가속도는 힘의 크기에 비례하고 질량에 반비례함</p>https://cignc.dev/posts/game-programming/basic-game-mathematics/Tue, 03 Feb 2026 22:18:21 +0900https://cignc.dev/posts/game-programming/basic-game-mathematics/<h2 id="1-수">1. 수</h2> <h3 id="수와-집합">수와 집합</h3> <ul> <li> <p>수학에서 가장 기본적인 연산인 사칙연산($+$, $-$, $\times$, $\div$)에서, 특정한 공리적 수 집합(정수, 유리수, 실수 등)이 덧셈과 곱셈에 대해 다음 11개 공리를 만족하면 해당 수 집합을 체(field)라고 부름</p> <ol> <li> <p>덧셈에 대해 닫혀있음</p> </li> <li> <p>덧셈에 대해 결합법칙 성립</p> </li> <li> <p>덧셈에 대해 항등원 존재</p> </li> <li> <p>덧셈에 대해 역원 존재</p> </li> <li> <p>덧셈에 대해 교환법칙 성립</p> </li> <li> <p>곱셈에 대해 닫혀있음</p> </li> <li> <p>곱셈에 대해 결합법칙 성립</p> </li> <li> <p>덧셈과 곱셈에 대해 분배법칙 성립</p> </li> <li> <p>곱셈에 대해 항등원 존재</p> </li> <li> <p>곱셈에 대해 역원 존재</p>https://cignc.dev/posts/game-programming/dear-imgui/Fri, 30 Jan 2026 18:21:39 +0900https://cignc.dev/posts/game-programming/dear-imgui/<ul> <li> <p><a href="https://github.com/ocornut/imgui" target="_blank" rel="noopener noreferrer">Dear ImGui</a>(Immediate Mode Graphical User Interface, ImGui)는 애플리케이션에 디버그 인터페이스, 개발 도구, 실험적인 UI 등을 빠르게 추가하기 위해 사용하는 오픈 소스 C++ 라이브러리</p> <ul> <li>게임 개발이나 그래픽스 프로그래밍같은 실시간 애플리케이션 개발에 많이 사용됨</li> </ul> </li> </ul> <h2 id="1-주요-특징">1. 주요 특징</h2> <ul> <li> <p>Immediate Mode 기반</p> <ul> <li> <p>Immediate Mode란 UI 요소들이 매 프레임마다 다시 생성되고 렌더링된다는 의미</p> </li> <li> <p>기존의 UI 라이브러리들이 Retained Mode(UI 상태를 내부적으로 유지) 기반이라면, ImGui는 프레임 단위로 UI 상태를 관리하지 않고, 코드에서 직접 그림</p> </li> </ul> </li> <li> <p>간단한 API</p>