C# OpenTK - нарисовать строку в окне - PullRequest
Новая
       97

C# OpenTK - нарисовать строку в окне

1 голос
/ 18 января 2020

У меня большая проблема: у меня открыто окно OpenTK, где я рисую текстуры, изображения и т. Д. c. Я должен сделать небольшую видеоигру таким образом для теста, и я хотел бы показать на ней текст, который показывает информацию об игре.

На самом деле мне удалось открыть только форму окна с текстом и это не то, что мне нужно.

Есть ли способ показать текст в окне OpenTK?

Я не могу использовать OpenTK 3.0, поэтому QuickFont должен быть исключен.

Я могу использовать GL Class.

Большое спасибо!

1 Ответ

1 голос
/ 19 января 2020

Можно использовать библиотеку FreeType для загрузки шрифта TrueType в объекты текстуры.
SharpFont предоставляет кроссплатформенные привязки FreeType для C#.
Источник можно найти по адресу GitHub - Robmaister / SharpFont .
(x64 SharpFont.dll и freetype6.dll из MonoGame.Dependencies )

Полный пример можно найти по адресу GitHub - Rabbid76 / c_sharp_opengl .
Пример основан на LearnOpenGL - Рендеринг текста .

Загрузить информацию о шрифте и глифе для символов. и создайте текстурный объект для каждого персонажа: 

public struct Character
{
    public int TextureID { get; set; }
    public Vector2 Size { get; set; }
    public Vector2 Bearing { get; set; }
    public int Advance { get; set; }
}

// initialize library
Library lib = new Library();
Face face = new Face(lib, "FreeSans.ttf");
face.SetPixelSizes(0, 32);

// set 1 byte pixel alignment 
GL.PixelStore(PixelStoreParameter.UnpackAlignment, 1);

// Load first 128 characters of ASCII set
for (uint c = 0; c < 128; c++)
{
    try
    {
        // load glyph
        //face.LoadGlyph(c, LoadFlags.Render, LoadTarget.Normal);
        face.LoadChar(c, LoadFlags.Render, LoadTarget.Normal);
        GlyphSlot glyph = face.Glyph;
        FTBitmap bitmap = glyph.Bitmap;

        // create glyph texture
        int texObj = GL.GenTexture();
        GL.BindTexture(TextureTarget.Texture2D, texObj);
        GL.TexImage2D(TextureTarget.Texture2D, 0,
                      PixelInternalFormat.R8, bitmap.Width, bitmap.Rows, 0,
                      PixelFormat.Red, PixelType.UnsignedByte, bitmap.Buffer);

        // set texture parameters
        GL.TextureParameter(texObj, TextureParameterName.TextureMinFilter, (int)TextureMinFilter.Linear);
        GL.TextureParameter(texObj, TextureParameterName.TextureMagFilter, (int)TextureMagFilter.Linear);
        GL.TextureParameter(texObj, TextureParameterName.TextureWrapS, (int)TextureWrapMode.ClampToEdge);
        GL.TextureParameter(texObj, TextureParameterName.TextureWrapT, (int)TextureWrapMode.ClampToEdge);

        // add character
        Character ch = new Character();
        ch.TextureID = texObj;
        ch.Size = new Vector2(bitmap.Width, bitmap.Rows);
        ch.Bearing = new Vector2(glyph.BitmapLeft, glyph.BitmapTop);
        ch.Advance = (int)glyph.Advance.X.Value;
        _characters.Add(c, ch);
    }
    catch (Exception ex)
    {
        Console.WriteLine(ex);
    }
}

Создайте Vertex Array Object который др aws четырехугольник на 2 тригона: 

// bind default texture
GL.BindTexture(TextureTarget.Texture2D, 0);

// set default (4 byte) pixel alignment 
GL.PixelStore(PixelStoreParameter.UnpackAlignment, 4);

float[] vquad =
{
// x      y      u     v    
    0.0f, -1.0f,   0.0f, 0.0f,
    0.0f,  0.0f,   0.0f, 1.0f,
    1.0f,  0.0f,   1.0f, 1.0f,
    0.0f, -1.0f,   0.0f, 0.0f,
    1.0f,  0.0f,   1.0f, 1.0f,
    1.0f, -1.0f,   1.0f, 0.0f
};

// Create [Vertex Buffer Object](https://www.khronos.org/opengl/wiki/Vertex_Specification#Vertex_Buffer_Object)
_vbo = GL.GenBuffer();
GL.BindBuffer(BufferTarget.ArrayBuffer, _vbo);
GL.BufferData(BufferTarget.ArrayBuffer, 4 * 6 * 4, vquad, BufferUsageHint.StaticDraw);

// [Vertex Array Object](https://www.khronos.org/opengl/wiki/Vertex_Specification#Vertex_Array_Object)
_vao = GL.GenVertexArray();
GL.BindVertexArray(_vao);
GL.EnableVertexAttribArray(0);
GL.VertexAttribPointer(0, 2, VertexAttribPointerType.Float, false, 4 * 4, 0);
GL.EnableVertexAttribArray(1);
GL.VertexAttribPointer(1, 2, VertexAttribPointerType.Float, false, 4 * 4, 2 * 4);

Кроме того, создайте метод, который выводит aws строку в заданной позиции с заданным направлением: 

public void RenderText(string text, float x, float y, float scale, Vector2 dir)
{
    GL.ActiveTexture(TextureUnit.Texture0);
    GL.BindVertexArray(_vao);

    float angle_rad = (float)Math.Atan2(dir.Y, dir.X);
    Matrix4 rotateM = Matrix4.CreateRotationZ(angle_rad);
    Matrix4 transOriginM = Matrix4.CreateTranslation(new Vector3(x, y, 0f));

    // Iterate through all characters
    float char_x = 0.0f;
    foreach (var c in text) 
    {
        if (_characters.ContainsKey(c) == false)
            continue;
        Character ch = _characters[c];

        float w = ch.Size.X * scale;
        float h = ch.Size.Y * scale;
        float xrel = char_x + ch.Bearing.X * scale;
        float yrel = (ch.Size.Y - ch.Bearing.Y) * scale;

        // Now advance cursors for next glyph (note that advance is number of 1/64 pixels)
        char_x += (ch.Advance >> 6) * scale; // Bitshift by 6 to get value in pixels (2^6 = 64 (divide amount of 1/64th pixels by 64 to get amount of pixels))

        Matrix4 scaleM = Matrix4.CreateScale(new Vector3(w, h, 1.0f));
        Matrix4 transRelM = Matrix4.CreateTranslation(new Vector3(xrel, yrel, 0.0f));

        Matrix4 modelM = scaleM * transRelM * rotateM * transOriginM; // OpenTK `*`-operator is reversed
        GL.UniformMatrix4(0, false, ref modelM);

        // Render glyph texture over quad
        GL.BindTexture(TextureTarget.Texture2D, ch.TextureID);

        // Render quad
        GL.DrawArrays(PrimitiveType.Triangles, 0, 6);
    }

    GL.BindVertexArray(0);
    GL.BindTexture(TextureTarget.Texture2D, 0);
}

Вершинный шейдер: 

#version 460

layout (location = 0) in vec2 in_pos;
layout (location = 1) in vec2 in_uv;

out vec2 vUV;

layout (location = 0) uniform mat4 model;
layout (location = 1) uniform mat4 projection;

void main()
{
    vUV         = in_uv.xy;
    gl_Position = projection * model * vec4(in_pos.xy, 0.0, 1.0);
}

Фрагментный шейдер: 

#version 460

in vec2 vUV;

layout (binding=0) uniform sampler2D u_texture;

  layout (location = 2) uniform vec3 textColor;

out vec4 fragColor;

void main()
{
    vec2 uv = vUV.xy;
    float text = texture(u_texture, uv).r;
    fragColor = vec4(textColor.rgb*text, text);
}

См. Пример:

enter image description here

* 104 5 *
...