꾸준히 개발하자

이 과제의 주요 내용인 계층적 모델링과 변환 행렬 스택에 대해 알아보자 계층적 모델링계층적 모델링은 복잡한 모델의 움직임을 부모-자식 관계로 나누어 관리하는 방식이다. 부모의 움직임이 자식 객체들에게 전달되어, 각각의 객체가 논리적 관계를 유지하면서 자신만의 움직임을 가질 수 있도록 하는 구조이다. 이 구조를 사용하면, 여러 부위가 서로 상호작용하며 자연스러운 애니메이션을 구현할 수 있다.예시: Human Model과제에서 요구한 대로 예시를 들면, 다음과 같이 사람의 신체 구조를 계층적으로 나눌 수 있다.계층 관계:몸통 → 머리몸통 → 팔 상부 → 팔 하부몸통 → 다리 상부 → 다리 하부이 계층 구조에서 몸통이 움직이면, 그 아래에 있는 머리, 팔, 다리와 같은 자식들도 몸통의 움직임에 따라 함께 움직..

Computer Graphics/HumanGL 2024. 10. 9. 20:00

HumanGL 프로젝트의 대략적인 계획은 다음과 같다.1. 계층적 모델과 변환 행렬 스택에 대한 공부 먼저, 계층적 모델링(Hierarchical Modeling)과 행렬 스택(Matrix Stack)에 대해 학습할 예정이다. 이를 통해 부모-자식 관계를 기반으로 한 객체 구조를 이해하고, 행렬 스택(Matrix Stack)을 사용하여 각 객체의 변환을 어떻게 처리할지 생각해 본다. 2. Human Model 설계 및 생성 다음 단계에서는 Human Model을 설계하고 생성한다. 머리, 몸통, 팔(상부, 하부), 다리 (상부, 하부) 등 주요 신체 부위를 기하학적 도형으로 구성하고, 각 부위가 논리적인 연결을 통해 움직임을 공유할 수 있도록 설계한다. 이 과정에서 계층적 구조와 변환 행렬을 적용하여 ..

Computer Graphics/HumanGL 2024. 10. 9. 18:11

이번 HumanGL 프로젝트는 계층적 모델링에 대한 기초를 배우고, 사용자 정의 행렬 스택과 변환 함수를 직접 구현해 Human Model 의 애니메이션 구현을 목표로 한다.주요 학습 내용계층적 모델링(Hierarchical Modeling)프로젝트의 핵심은 계층적 모델링을 이해하고, 부모-자식 관계를 기반으로 각 모델의 부위를 연결하는 것이다. 이를 통해 모델의 한 부위가 움직일 때 관련된 다른 부위도 논리적으로 함께 움직이도록 설정할 수 있다.행렬 스택(Matrix Stack) 구현OpenGL 3.0 이후 기본 제공되는 행렬 함수들이 사라졌기 때문에, 이 프로젝트에서는 자체적인 행렬 스택을 구현해야 한다. 이를 통해 객체의 위치, 회전, 크기 변환을 적용하고 관리할 수 있다. 이를 기반으로 계층적 구..

Computer Graphics/HumanGL 2024. 10. 9. 16:31

SCOP 과제를 하며 느낀 점라이브러리의 소중함Assimpv, vn, vt, f 등 여러 인자를 이해하고, 각각의 요소를 조합해 하나의 정점으로 만드는 과정을 경험했다.f(face)의 모음마다 .mtl 파일의 material 정보가 적용되어, 다양한 mesh들이 생성될 수 있다는 것을 배웠다.GLM그래픽스를 위한 수학적 개념을 코드로 직접 구현해보는 좋은 경험이었다. 행렬, 벡터 연산 등을 직접 해보며 그래픽스 수학에 대한 이해도가 크게 높아졌다.STBBMP 파일을 파싱하고, 헤더와 데이터 구조를 다루는 과정을 통해 이미지 파일이 어떻게 처리되는지 배울 수 있었다.평소에 자주 사용하던 Assimp, GLM, STB 같은 라이브러리를 직접 구현해보니 생각보다 어렵다는 걸 깨달았다. 예전에는 이런 라이브러리..

Computer Graphics/SCOP 2024. 10. 1. 16:53

이번에는 오브젝트의 정점 좌표를 UV 좌표계로 변환하여 텍스처를 적용해보았다. 이를 위해 다음과 같은 코드를 추가하여 렌더링을 진행했다. for (int i = 0; i  하지만, 렌더링 결과를 확인해보니 특정 부분에서 텍스처가 불규칙적으로 반복되는 현상이 발생했다.  문제 원인문제는 삼각형의 정점 중 일부가 UV 좌표계의 경계를 넘어가는 위치에 있을 때 발생했다. 예를 들어, 삼각형의 정점 3개 중 하나의 θ(theta)가 1.9π, 다른 하나는 -0.1π인 경우, 실제 값 차이는 0.2π에 불과하지만, UV 좌표계는 0 ~ 2π로 제한되어 있으므로 두 좌표 간의 차이를 큰 값으로 인식하게 된다. 그 결과 텍스처가 경계에서 왜곡되며 잘못된 패턴으로 렌더링되었다.해결 방법이 문제를 해결하기 위해, ..

Computer Graphics/SCOP 2024. 10. 1. 15:48

지난번에 .obj 파일을 파싱하여 다음과 같은 오브젝트를 그리는 데 성공했었다. 이번에는 이 오브젝트에 다음과 같은 작업을 진행하였다.오브젝트 3축 평행 이동 및 중심축 회전프리미티브별 기본 색상 적용특정 키를 눌렀을 때 텍스처로 부드럽게 전환1. 오브젝트 3축 이동 및 회전카메라 변수 설정m_cameraPos: 카메라의 위치 벡터m_cameraFront: 카메라의 앞쪽 방향 벡터m_cameraUp: 카메라의 위쪽 방향 벡터오브젝트 중심 찾기오브젝트의 좌표에서 x, y, z의 최소값과 최대값을 구해 중심을 계산한다.계산된 중심은 m_modelPos 변수에 저장한다.오브젝트 3축 평행 이동키 입력 처리:키 입력은 glfwGetKey() 함수를 이용하여 직접 확인한다.키 입력에 따라 glmath::vec3 ..

Computer Graphics/SCOP 2024. 9. 27. 11:21

이전까지는 사각형에 텍스처를 입히는 작업을 했다. 사각형은 내가 직접 정점을 지정해 그릴 수 있었지만, 복잡한 3D 오브젝트는 이런 방식으로 그리기 어렵다. 그래서 보통 Blender 같은 모델링 프로그램으로 만든 .obj 파일을 이용해 3D 오브젝트를 렌더링한다..obj 파일의 구조.obj 파일은 렌더링에 필요한 다양한 정보를 포함하고 있다. 그 정보들은 다음과 같다:o: 오브젝트 이름v: 정점의 위치vn: 정점의 법선 벡터vf: 정점의 텍스처 좌표f: face를 이루는 정보의 모음 (정점의 위치 / 법선 벡터 / 텍스처 좌표)mtl: 오브젝트의 재질 정보s: 매끄러운 정도Assimp 라이브러리와의 차별점보통 Assimp 라이브러리를 사용하면 .obj 파일의 모든 정보를 쉽게 가져올 수 있다. 하지만 ..

카테고리 없음 2024. 9. 25. 17:04

이번 작업에서는 사각형에 텍스처를 입히는 과정에서 context.cpp에 있는 함수들이 너무 커지는 문제를 해결하기 위해 리팩토링을 진행했다.리팩토링 전 처음 구현만을 위해 기능을 계속 추가하다 보니 context.cpp의 함수들이 지나치게 커져버렸다. 아래 코드는 리팩토링 전의 context.cpp 파일이다. 코드가 매우 길기 때문에, 그저 길이를 확인하는 정도로만 보면 된다. 코드가 지나치게 길어져서 관리가 어려워지고, 유지보수가 힘든 구조였다. 특히 VAO, VBO, Shader 생성 등 반복되는 작업이 많았고, 텍스처 로딩과 셰이더 컴파일 등도 하나의 함수에 모두 담겨 있어 가독성이 매우 떨어졌다.// 리팩토링 전!!#include "../include/context.h"void Context::..

Computer Graphics/SCOP 2024. 9. 23. 17:21