개발 · 컴퓨터공학/LearnOpenGL

OpenGL Element Buffer Objects(EBO) : index로 삼각형 그리기 [Learn OpenGL 쉬운 번역]

※ 본 포스팅은 learnopengl.com을 번역 및 가감한 포스팅이며, learnopengl에서는 번역 작업 참여를 적극 장려하고 있습니다!아래 링크에서 원문을 확인할 수 있습니다.원문 보러가기 Element Buffer Objects이미 삼각형을 그렸지만 추가적으로 element buffer object EBO라는 개념이 있습니다. 일단 삼각형 두 개로 직사각형을 그리는 vertex data를 보죠.float vertices[] = { // 첫 번째 삼각형 0.5f, 0.5f, 0.0f, // 오른쪽 위 0.5f, -0.5f, 0.0f, // 오른쪽 아래 -0.5f, 0.5f, 0.0f, // 왼쪽 위 // 두 번째 삼각형 0.5f, -0.5f, 0...

2024. 8. 22. 20:50

개발 · 컴퓨터공학/LearnOpenGL

OpenGL Draw Triangle 객체 삼각형 그리기 (Vertex Attribute VAO(Vertex Array Object) 버텍스(정점) 속성과 버텍스(정점) 배열) [Learn OpenGL 쉬운 번역]

※ 본 포스팅은 learnopengl.com을 번역 및 가감한 포스팅이며, learnopengl에서는 번역 작업 참여를 적극 장려하고 있습니다!아래 링크에서 원문을 확인할 수 있습니다.원문 보러가기 Linking Vertex Attributesvertex shader는 vertex attribute 형태로 원하는 입력을 지정을 할 수 있습니다. 어떤 데이터가 들어가는지 직접 지정해야합니다. 그리고 opengl이 데이터를 해석하는 방법도 지정해야합니다. vertex buffer data가 가진 형식을 알아봅시다.position 데이터는 32bit(4 byte) float 값position 데이터 3개로 구성3개 값들 사이에 공간 없이 tightly packed 밀집되어있음. 데이터 첫 번째 값은 buffe..

2024. 8. 22. 20:40

개발 · 컴퓨터공학/LearnOpenGL

OpenGL Fragment Shader 프래그먼트(픽셀) 셰이더 [Learn OpenGL 쉬운 번역]

※ 본 포스팅은 learnopengl.com을 번역 및 가감한 포스팅이며, learnopengl에서는 번역 작업 참여를 적극 장려하고 있습니다!아래 링크에서 원문을 확인할 수 있습니다.원문 보러가기 Fragment shaderfragment shader는 렌더링의 두 번째 단계이면서 이 이후에는 특별히 shader를 작성하지 않아도 됩니다. fragment shader는 pixel의 색상을 출력하는 계산의 역할을 하는데요. 여기서 우리는 주황색 색상을 출력하도록 합시다. 컴퓨터 그래픽에서 색은 보통 Red, Green, Blue, Alpha(투명도) 4개의 값으로 구성됩니다. 이걸 RGBA라고 합니다. OpenGL이나 GLSL에서는 Color를 0~1 사이의 값으로 설정해서 표현합니다. 만약 빨강 1.0..

2024. 8. 22. 20:30

개발 · 컴퓨터공학/LearnOpenGL

OpenGL Vertex Shader 버텍스(정점) 셰이더 [Learn OpenGL 쉬운 번역]

※ 본 포스팅은 learnopengl.com을 번역 및 가감한 포스팅이며, learnopengl에서는 번역 작업 참여를 적극 장려하고 있습니다!아래 링크에서 원문을 확인할 수 있습니다.원문 보러가기 Vertex input화면에 그림을 그리려면 OpenGL에 vertex data부터 넘겨주어야합니다. OpenGL은 그래픽 라이브러리이기 때문에 3D 공간에서의 좌표를 다룹니다. 모든 공간을 그리는 건 아니고 x,y,z 세 축을 기준으로 -1.0~1.0 사이의 범위에 있는 좌표들을 처리하는 것입니다. 따라서 이 범위에 맞는 좌표만 그리는데 이 범위 좌표를 Normalized Device Coordinates(정규화 장치 좌표, NDC)라고 합니다. 범위를 나가면 보이지 않죠.  삼각형을 렌더링하려면 세 개의 ..

2024. 8. 22. 20:20

개발 · 컴퓨터공학/LearnOpenGL

OpenGL 그래픽 파이프라인 [Learn OpenGL 쉬운 번역]

※ 본 포스팅은 learnopengl.com을 번역 및 가감한 포스팅이며, learnopengl에서는 번역 작업 참여를 적극 장려하고 있습니다!아래 링크에서 원문을 확인할 수 있습니다.원문 보러가기 Hello TriangleOpenGL은 3D 공간에 존재하는 개념을 2D 픽셀로 이루어진 화면에 그려내는데요. 그래서 3D 좌표를 화면에 맞게 2D로 변환해주어야합니다. 이는 graphics pipeline(그래픽 파이프라인)이라는 과정을 거치면서 이루어지는데요. 그래픽 파이프라인은 크게 두 부분으로 나뉘어집니다. 첫 번째 부분은 3D 좌표를 2D 좌표로 변환하고, 두 번째 부분은 2D 좌표를 실제 색상 픽셀로 변환합니다. 이번 포스팅에서에서는 그래픽 파이프라인을 설명하고, 활용하여 픽셀을 생성하는 방법을 알..

2024. 8. 22. 20:15

개발 · 컴퓨터공학/LearnOpenGL

OpenGL 엔진 구현 시작하기 [Learn OpenGL 쉬운 번역]

※ 본 포스팅은 learnopengl.com을 번역 및 가감한 포스팅이며, learnopengl에서는 번역 작업 참여를 적극 장려하고 있습니다!아래 링크에서 원문을 확인할 수 있습니다.원문 보러가기 Ready your engines프로그램은 이미지를 한 번 딱 그리고 바로 창이 닫혀버리면 안됩니다. 프로그램이 종료되라는 명령을 받기 전까지는 반복해서 화면을 그려주어야하고, 사용자 입력도 처리처리하도록 해야합니다. 그래서 GLFW에 중지 지시를 내릴 때까지 실행되는 while loop, 즉 render loop를 만들어야합니다. 아래 코드는 기본적인 루프를 만듭니다. while(!glfwWindowShouldClose(window)){ glfwSwapBuffers(window); glfwPoll..

2024. 8. 22. 20:10