Microsoft MVP성태의 닷넷 이야기
글쓴 사람
정성태 (techsharer at outlook.com)
홈페이지
첨부 파일

(시리즈 글이 8개 있습니다.)
Graphics: 27. .NET으로 구현하는 OpenGL (1) - OpenGL.Net 라이브러리
; https://www.sysnet.pe.kr/2/0/11770

Graphics: 28. .NET으로 구현하는 OpenGL (2) - VAO, VBO
; https://www.sysnet.pe.kr/2/0/11772

Graphics: 29. .NET으로 구현하는 OpenGL (3) - Index Buffer
; https://www.sysnet.pe.kr/2/0/11773

Graphics: 30. .NET으로 구현하는 OpenGL (4), (5) - Shader
; https://www.sysnet.pe.kr/2/0/11774

Graphics: 31. .NET으로 구현하는 OpenGL (6) - Texturing
; https://www.sysnet.pe.kr/2/0/11775

Graphics: 32. .NET으로 구현하는 OpenGL (7), (8) - Matrices and Uniform Variables, Model, View & Projection Matrices
; https://www.sysnet.pe.kr/2/0/11784

Graphics: 33. .NET으로 구현하는 OpenGL (9), (10) - OBJ File Format, Loading 3D Models
; https://www.sysnet.pe.kr/2/0/11787

Graphics: 34. .NET으로 구현하는 OpenGL (11) - Per-Pixel Lighting
; https://www.sysnet.pe.kr/2/0/11792




.NET으로 구현하는 OpenGL (9), (10) - OBJ File Format, Loading 3D Models

아래의 글에 이어,

.NET으로 구현하는 OpenGL (7), (8) - Matrices and Uniform Variables, Model, View & Projection Matrices
; https://www.sysnet.pe.kr/2/0/11784

9회 강좌는,

OpenGL 3D Game Tutorial 9: OBJ File Format
; https://www.youtube.com/watch?v=KMWUjNE0fYI

블렌더(또는 OBJ 파일로 export하는 3D 프로그램)와 같은 도구에서 만들어준 모델을 로드하는 방법에 대해 나옵니다. (혹시나 해서 하는 말인데, 여기서 말하는 OBJ는 컴파일 시에 나오는 목적 파일이 아닙니다. ^^) 일단, 강좌에서는 블렌더를 다루니 이를 다운로드하고,

Download - blender.org
; https://www.blender.org/download/

강좌에서 공개한 블렌더 예제를 함께 받아둡니다.

Download the stall model
; https://www.dropbox.com/sh/7l598pr7b4zx63j/AAB_PzQl3zU2WS5hhlKgMb1Wa?dl=0

압축을 풀면 다음의 파일들이 나오는데,

  • stall.blend
  • stall.obj
  • stallTexture.png

이 중에서 stall.blend와 stallTexture.png 파일이 실제로 블렌더 프로그램으로 3D 모델을 작업할 때 다루는 파일들입니다. 그리고 이렇게 디자인한 3D 모델을 OpenGL에서 가져다 쓰기 위해 obj (텍스트) 파일로 변환을 하는 것입니다. 그러니까 사실 ^^; 블렌더를 설치할 필요 없이 그냥 저 stall.obj와 stallTexture.png 파일만 있으면 이후의 강좌를 따라 하는데 영향이 없습니다.

그래도 ^^ 그냥 강좌에 따라 stall.blend 로드한 다음에 "File" / "Export" / "Wavefront (.obj)" 메뉴를 선택하고, "Write Normals", "Include UVs", "Triangluate Faces" 옵션 체크 및 "Forward: -Z forward", "Up: Y Up" 설정 확인을 하고 Export를 해봅니다.




obj 파일을 비주얼 스튜디오로 열면 자동으로 3D 렌더링 모델을 보여줍니다. 반면 텍스트 내용을 확인하기 위해 Visual Studio Code로 열어 보면,

# Blender v2.78 (sub 0) OBJ File: 'stall.blend'
# www.blender.org
mtllib stall.mtl
o Cube
v 3.227124 -0.065127 -1.000000
v 3.227124 -0.065127 1.000000
v -3.227125 -0.065127 1.000000
...[생략]...
v 4.401308 5.051156 -0.716959
v 4.401308 4.593092 -1.289192
vt 0.1772 0.8931
vt 0.0134 0.9069
...[생략]...
vt 0.0580 0.2351
vt 0.1015 0.2351
vn 0.6673 0.1394 0.7316
vn 1.0000 0.0000 0.0000
vn 0.0000 -0.1415 -0.9899
...[생략]...
vn -0.1087 0.9935 -0.0334
vn -0.0605 0.9785 -0.1971
usemtl Material
s 1
f 80/1/1 75/2/2 504/3/2
f 77/7/6 76/8/7 80/1/1
...[생략]...
f 90/24/21 94/27/24 509/28/25
f 508/29/2 95/25/22 96/26/23
usemtl Material_stall.png
f 38/31/27 45/32/27 41/33/27
f 23/49/30 9/50/30 10/51/30
...[생략]...
f 492/536/124 498/627/129 497/537/128
f 493/543/125 491/629/123 497/544/128

각 행마다 v, vt, vn,... 과 같은 식별자가 있는데 이를 통해 각각의 데이터가 어떤 데이터인지 알 수 있습니다.

v: vertex
vt: UV texture Coordinates
vn: Normal vector
f: 연관이 있는 v, vt, vn에 대한 index 조합 (f position/texture-coordinates/normal position/texture-coordinates/normal position/texture-coordinates/normal)

참고로 보다 구체적인 포맷 열람은 다음의 자료에서 확인할 수 있습니다.

Wavefront OBJ File Format Summary
; http://www.fileformat.info/format/wavefrontobj/egff.htm

이렇게 export한 파일을 아마도 Unity의 경우 다음과 같은 방법으로 import해서 쓸 것입니다.

3D 응용 프로그램에서 모델을 어떻게 임포트합니까?
; https://docs.unity3d.com/kr/530/Manual/HOWTO-importObject.html




그럼, 이것을 OpenGL에서 사용하려면 어떻게 해야 할까요? 이에 대해서 10회 강의에서 다루고 있습니다.

OpenGL 3D Game Tutorial 10: Loading 3D Models
; https://youtu.be/YKFYtekgnP8

당연히 해당 텍스트 파일을 로드해서 의미에 맞게 변수 구성을 하면 됩니다. 사실, 지난 OpenGL 예제들에서 v는 vertices 변수, vt는 textureCoords 변수, f는 indices 변수로 사용했던 것들이므로 그대로 로드를 해주면 됩니다. (vn은 11회 강좌에서 다룹니다.)

// OBJLoader.cs

namespace GameApp.Helper
{
    public class OBJLoader
    {
        public static RawModel loadObjModel(string fileName, Loader loader)
        {
            List<Vertex3f> vertices = new List<Vertex3f>();
            List<Vertex2f> textures = new List<Vertex2f>();
            List<Vertex3f> normals = new List<Vertex3f>();
            List<int> indices = new List<int>();

            float[] verticesArray = null;
            float[] normalsArray = null;
            float[] textureArray = null;

            string filePath = $".\\res\\{fileName}.obj";

            using (FileStream fs = new FileStream(filePath, FileMode.Open, FileAccess.Read, FileShare.Read))
            using (StreamReader sr = new StreamReader(fs))
            {
                string line;

                while (true)
                {
                    line = sr.ReadLine();
                    string[] currentLine = line.Split(' ');

                    if (line.StartsWith("v "))
                    {
                        Vertex3f vertex = new Vertex3f(float.Parse(currentLine[1]), float.Parse(currentLine[2]), float.Parse(currentLine[3]));
                        vertices.Add(vertex);
                    }
                    else if (line.StartsWith("vt "))
                    {
                        Vertex2f texture = new Vertex2f(float.Parse(currentLine[1]), float.Parse(currentLine[2]));
                        textures.Add(texture);
                    }
                    else if (line.StartsWith("vn "))
                    {
                        Vertex3f normal = new Vertex3f(float.Parse(currentLine[1]), float.Parse(currentLine[2]), float.Parse(currentLine[3]));
                        normals.Add(normal);
                    }
                    else if (line.StartsWith("f "))
                    {
                        textureArray = new float[vertices.Count * 2];
                        normalsArray = new float[vertices.Count * 3];
                        break;
                    }
                }

                while (line != null)
                {
                    if (line.StartsWith("f ") == false)
                    {
                        line = sr.ReadLine();
                        continue;
                    }

                    string[] currentLine = line.Split(' ');
                    string[] vertex1 = currentLine[1].Split('/');
                    string[] vertex2 = currentLine[2].Split('/');
                    string[] vertex3 = currentLine[3].Split('/');

                    processVertex(vertex1, indices, textures, normals, textureArray, normalsArray);
                    processVertex(vertex2, indices, textures, normals, textureArray, normalsArray);
                    processVertex(vertex3, indices, textures, normals, textureArray, normalsArray);

                    line = sr.ReadLine();
                }
            }

            verticesArray = new float[vertices.Count * 3];

            int vertexPointer = 0;
            foreach (Vertex3f vertex in vertices)
            {
                verticesArray[vertexPointer++] = vertex.x;
                verticesArray[vertexPointer++] = vertex.y;
                verticesArray[vertexPointer++] = vertex.z;
            }

            int [] indicesArray = indices.ToArray();

            return loader.loadToVAO(verticesArray, textureArray, indicesArray);
        }

        static void processVertex(string[] vertexData, List<int> indices, List<Vertex2f> textures, List<Vertex3f> normals, float[] textureArray, float[] normalsArray)
        {
            int currentVertexPointer = int.Parse(vertexData[0]) - 1;
            indices.Add(currentVertexPointer);

            Vertex2f currentTex = textures[int.Parse(vertexData[1]) - 1];
            textureArray[currentVertexPointer * 2] = currentTex.x;
            textureArray[currentVertexPointer * 2 + 1] = 1 - currentTex.y;

            Vertex3f currentNorm = normals[int.Parse(vertexData[2]) - 1];
            normalsArray[currentVertexPointer * 3] = currentNorm.x;
            normalsArray[currentVertexPointer * 3 + 1] = currentNorm.y;
            normalsArray[currentVertexPointer * 3 + 2] = currentNorm.z;
        }
    }
}

이제부터는 다른 사람이 만들어 준 3D 모델을 렌더링하는 것이므로 코드에 포함한 _vertices, _textureCoords, _indices 변수는 삭제하고 다음과 같이 변경해 줍니다.

// MainForm.cs

private void glControl_ContextCreated(object sender, OpenGL.GlControlEventArgs e)
{
    // ...[생략]...

    // _model = _loader.loadToVAO(_vertices, _textureCoords, _indices);
    // _texture = new ModelTexture(_loader.loadTexture("image"));

    _model = OBJLoader.loadObjModel("stall", _loader); // stall.obj 로드
    _texture = new ModelTexture(_loader.loadTexture("stallTexture")); // stallTexture.png 로드

    // ...[생략]...

    _entity = new Entity(_staticModel, new Vertex3f(0, 0, -50), 0, 0, 0, 1);
}

private void glControl_ContextUpdate(object sender, GlControlEventArgs e)
{
    // ...[생략]...

    _entity.increaseRotation(0, 1, 0);

    // ...[생략]...
}

그런데, 이상하군요. 아무리 소스 코드를 점검해도 정상적으로 한 것 같은데 실제로 저렇게 로드를 하면 지붕이 없고 컵의 경우 일부 폴리곤 영역이 비어 있는 체로, 다시 말해 구멍이 숭숭 뚫린 모양으로 렌더링됩니다.

opengl_tutorial_10_1.png

음... 저 코드에 뭐가 문제일까요? ^^; (혹시 아시는 분은 덧글 부탁드립니다.)




그래도 어떻게든 결과를 보고 싶어서, OBJ 파일을 로드하는 라이브러리를 검색해 봤습니다.

The Open-Asset-Importer-Lib
; http://www.assimp.org/
; https://github.com/assimp/assimp

Asset-Importer가 나름 유명한 것 같은데 다행히 닷넷 용으로 포팅한 것이 있어,

AssimpNet
; https://bitbucket.org/Starnick/assimpnet
; https://www.nuget.org/packages/AssimpNet/

또는,

dotnet/Silk.NET - high-speed .NET multimedia, graphics, and compute; providing bindings to popular low-level APIs such as OpenGL, OpenCL, OpenAL, OpenXR, GLFW, SDL, Vulkan, Assimp, and DirectX.
; https://github.com/dotnet/Silk.NET

이를 참조 추가해,

Install-Package AssimpNet -Version 4.1.0 

OBJLoader 클래스에 loadObjModel2 메서드를 추가해 봤습니다.

// OBJLoader.cs

public static RawModel loadObjModel2(string fileName, Loader loader)
{
    string filePath = Path.Combine(Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location), "res", fileName + ".obj");

    AssimpContext importer = new AssimpContext();
    importer.SetConfig(new NormalSmoothingAngleConfig(66.0f));
    Scene scene = importer.ImportFile(filePath, PostProcessPreset.TargetRealTimeQuality | PostProcessSteps.FlipWindingOrder);

    if (scene == null || scene.HasMeshes == false)
    {
        return null;
    }

    float[] verticesArray = VerticesFromMesh(scene.Meshes[0]);
    float[] textureArray = TextureFromMesh(scene.Meshes[0]);
    int[] indicesArray = IndicesFromMesh(scene.Meshes[0]);
    float[] normalsArray = NormalsFromMesh(scene.Meshes[0]); // normalsArray는 11회 강좌에서 사용.

    return loader.loadToVAO(verticesArray, textureArray, indicesArray);
}

static float[] TextureFromMesh(Mesh mesh)
{
    List<float> list = new List<float>();

    foreach (Vector3D vertex in mesh.TextureCoordinateChannels[0])
    {
        list.Add(vertex.X);
        list.Add(1 - vertex.Y);
    }

    return list.ToArray();
}

static float[] VerticesFromMesh(Mesh mesh)
{
    List<float> list = new List<float>();

    foreach (Vector3D vertex in mesh.Vertices)
    {
        list.Add(vertex.X);
        list.Add(vertex.Y);
        list.Add(vertex.Z);
    }

    return list.ToArray();
}

static int[] IndicesFromMesh(Mesh mesh)
{
    List<int> list = new List<int>();

    foreach (Face face in mesh.Faces)
    {
        list.AddRange(face.Indices);
    }

    return list.ToArray();
}

private static float[] NormalsFromMesh(Mesh mesh)
{
    List<float> list = new List<float>();

    foreach (Vector3D vector in mesh.Normals)
    {
        list.Add(vector.X);
        list.Add(vector.Y);
        list.Add(vector.Z);
    }

    return list.ToArray();
}

오호... 이렇게 해서 실행하니 ^^ 다음과 같이 렌더링이 잘 됩니다.

opengl_tutorial_10_2.png

해석된 vertex의 수를 보면 Asset-Importer의 경우 870개인 반면 강좌에서 했던 것은 (OBJ 파일이 가진 그대로) 509개입니다. 그래도 해당 강좌에 달린 덧글들을 보면 아무런 문제 제기가 없는 것을 보면 분명 강좌에서 제시한 코드로도 잘 동작해야 하는 것 같은데... 암튼 제가 이 분야 초보자다 보니 ^^ 더 할 말이 없습니다.

(첨부 파일은 이 글의 예제 프로젝트를 포함합니다.)




어쨌든 남이 만든 멋진 3D 객체를 렌더링할 수 있다는 것에 신나서 ^^ 다음의 파일을 내려받고,

Watch Tower Made Of Wood 3d model
; https://free3d.com/3d-model/watch-tower-made-of-wood-94934.html
; https://static.free3d.com/models/1/d0udkqkrjj0g-Wooden-Watch-Tower.zip

로드했는데,

_model = OBJLoader.loadObjModel2("wooden watch tower2", _loader);
_texture = new ModelTexture(_loader.loadTexture("Wood_Tower_Col"));

그냥 아무런 렌더링이 안 됩니다. ^^; 아직 제가 모르는 것들이 많은 것 같습니다.




[이 글에 대해서 여러분들과 의견을 공유하고 싶습니다. 틀리거나 미흡한 부분 또는 의문 사항이 있으시면 언제든 댓글 남겨주십시오.]







[최초 등록일: ]
[최종 수정일: 7/12/2021]

Creative Commons License
이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이센스에 따라 이용하실 수 있습니다.
by SeongTae Jeong, mailto:techsharer at outlook.com

비밀번호

댓글 작성자
 




... 46  47  48  49  50  51  [52]  53  54  55  56  57  58  59  60  ...
NoWriterDateCnt.TitleFile(s)
12338정성태9/21/20209307오류 유형: 654. 우분투 설치 시 "CHS: Error 2001 reading sector ..." 오류 발생
12337정성태9/21/202010632오류 유형: 653. Windows - Time zone 설정을 바꿔도 반영이 안 되는 경우
12336정성태9/21/202013142.NET Framework: 942. C# - WOL(Wake On Lan) 구현
12335정성태9/21/202022513Linux: 31. 우분투 20.04 초기 설정 - 고정 IP 및 SSH 설치
12334정성태9/21/20207918오류 유형: 652. windbg - !py 확장 명령어 실행 시 "failed to find python interpreter"
12333정성태9/20/20208380.NET Framework: 941. C# - 전위/후위 증감 연산자에 대한 오버로딩 구현 (2)
12332정성태9/18/202010456.NET Framework: 940. C# - Windows Forms ListView와 DataGridView의 예제 코드파일 다운로드1
12331정성태9/18/20209590오류 유형: 651. repadmin /syncall - 0x80090322 The target principal name is incorrect.
12330정성태9/18/202010632.NET Framework: 939. C# - 전위/후위 증감 연산자에 대한 오버로딩 구현 [2]파일 다운로드1
12329정성태9/16/202012535오류 유형: 650. ASUS 메인보드 관련 소프트웨어 설치 후 ArmouryCrate.UserSessionHelper.exe 프로세스 무한 종료 현상
12328정성태9/16/202012765VS.NET IDE: 150. TFS의 이력에서 "Get This Version"과 같은 기능을 Git으로 처리한다면?
12327정성태9/12/202010348.NET Framework: 938. C# - ICS(Internet Connection Sharing) 제어파일 다운로드1
12326정성태9/12/20209830개발 환경 구성: 516. Azure VM의 Network Adapter를 실수로 비활성화한 경우
12325정성태9/12/20209350개발 환경 구성: 515. OpenVPN - 재부팅 후 ICS(Internet Connection Sharing) 기능이 동작 안하는 문제
12324정성태9/11/202010620개발 환경 구성: 514. smigdeploy.exe를 이용한 Windows Server 2016에서 2019로 마이그레이션 방법
12323정성태9/11/20209485오류 유형: 649. Copy Database Wizard - The job failed. Check the event log on the destination server for details.
12322정성태9/11/202010579개발 환경 구성: 513. Azure VM의 RDP 접속 위치 제한 [1]
12321정성태9/11/20208813오류 유형: 648. netsh http add urlacl - Error: 183 Cannot create a file when that file already exists.
12320정성태9/11/202010041개발 환경 구성: 512. RDP(원격 데스크톱) 접속 시 비밀 번호를 한 번 더 입력해야 하는 경우
12319정성태9/10/20209800오류 유형: 647. smigdeploy.exe를 Windows Server 2016에서 실행할 때 .NET Framework 미설치 오류 발생
12318정성태9/9/20209293오류 유형: 646. OpenVPN - "TAP-Windows Adapter V9" 어댑터의 "Network cable unplugged" 현상
12317정성태9/9/202011631개발 환경 구성: 511. Beats용 Kibana 기본 대시 보드 구성 방법
12316정성태9/8/202010040디버깅 기술: 170. WinDbg Preview 버전부터 닷넷 코어 3.0 이후의 메모리 덤프에 대해 sos.dll 자동 로드
12315정성태9/7/202012346개발 환경 구성: 510. Logstash - FileBeat을 이용한 IIS 로그 처리 [2]
12314정성태9/7/202010874오류 유형: 645. IIS HTTPERR - Timer_MinBytesPerSecond, Timer_ConnectionIdle 로그
12313정성태9/6/202012083개발 환경 구성: 509. Logstash - 사용자 정의 grok 패턴 추가를 이용한 IIS 로그 처리
... 46  47  48  49  50  51  [52]  53  54  55  56  57  58  59  60  ...