꾸준히 개발하자

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

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

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

이번에는 BMP 이미지를 파싱하고 데이터를 저장한 후, 텍스처로 적용하여 사각형을 렌더링하는 작업을 해보았다.1. BMP 이미지 파싱 일반적으로 JPG나 PNG 파일은 압축되어 있어 파싱하기 까다롭기 때문에, 압축되지 않은 BMP 파일을 파싱해 사용하기로 했다. BMP 파일은 파일 헤더, DIB 헤더, 팔레트, 픽셀 데이터로 나뉘는데, 이 중 파일 헤더와 DIB 헤더에 있는 정보를 이용해 픽셀 데이터를 저장하면 된다.(팔레트는 bpp가 1바이트 이하일 때 사용하는 방식으로, 내 프로젝트에서는 팔레트를 사용하지 않기로 했다)  위 과정에서, 파일 헤더와 DIB 헤더의 정보를 struct에 read()로 읽어 저장하려고 했으나 문제가 발생했다.// file headerstruct BMPFileHeader {..

Computer Graphics/SCOP 2024. 9. 23. 00:29

과제에서 사용하지 말라는 GLM을 대체할 나만의 GLMath 라이브러리를 만들었다.구현 내용:Class: vec2, vec3, vec4, mat4Function: value_ptr(), dot(), cross(), normalize(), radians(), scale(), translate(), rotate(), perspective(), lookAt()Variable: piOpenGL을 배울 때 사용했던 코드들을 참고하면서 자주 쓰였고, 필요해 보이는 함수들로 구성했다. 이 안에서 대부분 해결할 수 있을 것 같지만, 프로젝트를 진행하면서 추가로 필요한 함수가 있으면 그때그때 새로 추가할 예정이다.각각의 역할Classvec2: 2차원 벡터vec3: 3차원 벡터vec4: 4차원 벡터mat4: 4x4 행렬위..

Computer Graphics/SCOP 2024. 9. 20. 16:05