Sign in to follow this  
Tim Lawton

DX11 Creating a Font Engine in DirectX11

Recommended Posts

Tim Lawton    179
Hey there,

I've been trying to create a font engine using Rastertek's guide over at http://rastertek.com/dx11tut12.html

I've come across a problem I can't seem to fix, I've created a struct which holds some data which is used to find the location and size of the font I am using from a image file (a .dds file). It initializes fine, but when it comes to rendering the struct's values are all 0. I'm going to show my font class and say whats going on, you can reference it all back from the tutorial linked above.

If anyone who is experienced in DirectX11 could see a solution to this problem I'd be grateful Also the 'fontdata.txt" and "font.dds" are available on that link also

Font.h
[CODE]
//--------------------------------------------------\\
// Font.h under Text class \\
// handles texture for the font \\
//--------------------------------------------------\\
#ifndef _FONT_H
#define _FONT_H
//includes
#include <D3D11.h>
#include <D3DX10math.h>
#include <fstream>
using namespace std;
#include "Texture.h"
//class
class Font
{
private:
struct FontType
{
float left, right;
int size;
};
struct VertexType
{
D3DXVECTOR3 position;
D3DXVECTOR2 texture;
};
public:
Font();
Font(const Font&amp;);
~Font();
bool Init(ID3D11Device*, char*, CHAR*);
void Shutdown();
ID3D11ShaderResourceView* GetTexture();
void BuildVertexArray(void*, char*, float, float);
private:
bool LoadFontData(char*);
void ReleaseFontData();
bool LoadTexture(ID3D11Device*, CHAR*);
void ReleaseTexture();
private:
FontType* fonttype;
Texture* texture;
};
#endif
[/CODE]


Font.cpp
[CODE]
//--------------------------------------------------\\
// Font.cpp under Text class \\
// handles texture for the font \\
//--------------------------------------------------\\
#include "Font.h"
Font::Font()
{
fonttype = 0;
texture = 0;
}
Font::Font(const Font&amp; other){}
Font::~Font(){}
bool Font::Init(ID3D11Device* device, char* fontFilename, CHAR* textureFilename)
{
bool result;

//Load in the text file containing the font data.
result = LoadFontData(fontFilename);
if(!result)
{
return false;
}
// Load the texture that has the font characters on it.
result = LoadTexture(device, textureFilename);
if(!result)
{
return false;
}
return true;
}
void Font::Shutdown()
{
//Release the font texture.
ReleaseTexture();
//Release the font data.
ReleaseFontData();
return;
}
bool Font::LoadFontData(char* filename)
{
ifstream fin;
int i;
char temp;
//Create the font spacing buffer
fonttype = new FontType[95];
if(!fonttype)
{
return false;
}
//Read in the font size and spacing between chars
fin.open(filename);
if(fin.fail())
{
return false;
}
//Read in the 95 used ascii characters for text.
for(i=0; i<95; i++)
{
fin.get(temp);
while(temp != ' ')
{
fin.get(temp);
}
fin.get(temp);
while(temp != ' ')
{
fin.get(temp);
}
fin >> fonttype[i].left;
fin >> fonttype[i].right;
fin >> fonttype[i].size;
}
// Close the file.
fin.close();
return true;
}
void Font::ReleaseFontData()
{
// Release the font data array.
if(fonttype)
{
delete [] fonttype;
fonttype = 0;
}
return;
}
bool Font::LoadTexture(ID3D11Device* device, CHAR* filename)
{
bool result;
//Create the texture object.
texture = new Texture;
if(!texture)
{
return false;
}
//Initialize the texture object.
result = texture->Init(device, filename);
if(!result)
{
return false;
}
return true;
}
void Font::ReleaseTexture()
{
//Release the texture object.
if(texture)
{
texture->Shutdown();
delete texture;
texture = 0;
}
return;
}
ID3D11ShaderResourceView* Font::GetTexture()
{
return texture->GetTexture();
}
void Font::BuildVertexArray(void* vertices, char* sentence, float drawX, float drawY)
{
VertexType* vertexPtr;
int numLetters, index, i, letter;

// Coerce the input vertices into a VertexType structure.
vertexPtr = (VertexType*)vertices;
// Get the number of letters in the sentence.
numLetters = (int)strlen(sentence);
// Initialize the index to the vertex array.
index = 0;
// Draw each letter onto a quad.
for(i=0; i<numLetters; i++)
{
letter = ((int)sentence[i]) - 32;
// If the letter is a space then just move over three pixels.
if(letter == 0)
{
drawX = drawX + 3.0f;
}
else
{
// First triangle in quad.
vertexPtr[index].position = D3DXVECTOR3(drawX, drawY, 0.0f); // Top left.
vertexPtr[index].texture = D3DXVECTOR2(fonttype[letter].left, 0.0f);
index++;
vertexPtr[index].position = D3DXVECTOR3((drawX + fonttype[letter].size), (drawY - 16), 0.0f); // Bottom right.
vertexPtr[index].texture = D3DXVECTOR2(fonttype[letter].right, 1.0f);
index++;
vertexPtr[index].position = D3DXVECTOR3(drawX, (drawY - 16), 0.0f); // Bottom left.
vertexPtr[index].texture = D3DXVECTOR2(fonttype[letter].left, 1.0f);
index++;
// Second triangle in quad.
vertexPtr[index].position = D3DXVECTOR3(drawX, drawY, 0.0f); // Top left.
vertexPtr[index].texture = D3DXVECTOR2(fonttype[letter].left, 0.0f);
index++;
vertexPtr[index].position = D3DXVECTOR3(drawX + fonttype[letter].size, drawY, 0.0f); // Top right.
vertexPtr[index].texture = D3DXVECTOR2(fonttype[letter].right, 0.0f);
index++;
vertexPtr[index].position = D3DXVECTOR3((drawX + fonttype[letter].size), (drawY - 16), 0.0f); // Bottom right.
vertexPtr[index].texture = D3DXVECTOR2(fonttype[letter].right, 1.0f);
index++;
// Update the x location for drawing by the size of the letter and one pixel.
drawX = drawX + fonttype[letter].size + 1.0f;
}
}
return;
}
[/CODE]

During the while loop that fills up the array, it starts to store the data. But when it gets to 'drawX = drawX + fonttype[letter].size + 1.0f;' the fonttype array is empty, and stores all 0s for left, right and size.

Any ideas?

EDIT:

to get a better understanding of what I mean, you can see here the fonttype is holding values:
http://img651.imageshack.us/img651/9278/fonttypefilled.png

But at the end of the method it is empty:
http://img715.imageshack.us/img715/3660/fonttypeempty.png

I'm stumped Edited by Xuchilbara

Share this post


Link to post
Share on other sites
Steve_Segreto    2080
I'm sorry I can't help you with your exact problem, here are my two cents on fonts and DirectX

1. Drawing 2-D fonts is the responsibility of the OS and you can leverage all that goodness using GDI with offscreen DC or using D2D. No need to wrap or create anything in DX11. We are spoiled because DX9 fonts could also do 2-d fonts but ....
2. The main reason of a DX font is to be a 3-d font which can be rotated and lit with pixel shaders. This is what DX9 font was originally intended for in my opinion, and I've seen people use it for that purpose to good effect.

Going forwards ...

If you need to create 3-d meshes to represent letters of an alphabet, you can either do it offline mathematically with the old DX9 font routines and save the mesh to a file format and read it in DX11 and use it .... or you can have your art team generate these meshes and bring them into the game through normal content pipeline.

All 2-d fonts should be done with D2D or GDI. If you need to get them into 3-d space, you can either use project/unproject to convert a 3-d world position into a 2-d (x,y) point or place a billboard in 3-d space and then write the font using 2-d APIs onto a texture and map it to the billboard. Edited by Steve_Segreto

Share this post


Link to post
Share on other sites
Tim Lawton    179
Yeah, I know that way of doing it, you mean by making an adapter and linking it with the swap chain, allowing to use DirectX9 or 10. Then using their functions to create font. Although I am not trying to create 3D font, or anything fancy. I am trying to create 2D font which can hold values, such as FPS or mouse position. I can't figure out why the values of my struct almost disappear for no reason, really bumming me out

Share this post


Link to post
Share on other sites
unbird    8338
I don't think the values disappear, I rather suspect they were not there in the first place.

The code looks semantically the same like rasterteks, so the problems lies probably elsewhere. The debug values -842150451 and -4.3160208E+08 are 0xCDCDCDCD in hex, which is a well known [url="http://en.wikipedia.org/wiki/Magic_number_(programming)"]magic [strike]word[/strike]number[/url] from the visual studio C++ debug runtime, marking uninitialized heap memory.

I guess your not really loading that glyph description file (wrong path ?) in LoadFontData. Either that or you corrupt your heap elsewhere.

[b]Edit[/b]: Hmmm, scratch that, I wasn't looking closely enough. Looks like the >> parsing fails for some reason. Check the state of the of the stream after parsing each value. Edited by unbird

Share this post


Link to post
Share on other sites
Tim Lawton    179
You mean during this for loop?

[CODE]
//Read in the 95 used ascii characters for text.
for(i=0; i<95; i++)
{
fin.get(temp);
while(temp != ' ')
{
fin.get(temp);
}
fin.get(temp);
while(temp != ' ')
{
fin.get(temp);
}
fin >> fonttype[i].left;
fin >> fonttype[i].right;
fin >> fonttype[i].size;
}
[/CODE]

Everythings to be going fine within it

Share this post


Link to post
Share on other sites
unbird    8338
Really confusing. If the values get parsed just fine, I don't see a reason why they should change afterwards. Nothing else writes to it. At least not in the code you have provided so far (it looks like the original code after all). We need to see more code then.

If you got a professional version of Visual Studio, I think there's a debugger option to break on (specific) memory write or something. Alternatively, grab the raw pointer value after init, add it as a watch (dereferenced), step through your whole frame code and find out [i]when[/i] it changes. Or do a comment/uncomment "binary search".

... wait: Is really the whole array filled with zeroes or just the first entry ? Edited by unbird

Share this post


Link to post
Share on other sites
Tim Lawton    179
Ok, I was wrong about it reading it in correctly.

As you can see here by this screenshot: http://img29.imageshack.us/img29/4099/41977412.jpg

i = 5, thus being 6th in the series. the 6th line in fontdata.txt reads: "37 % 0.0205078 0.0302734 10"
so left should be: 0.0205078
right: 0.0302734
size: 10

Although you can see it is all 0.

Sorry I dont know why I said it was working correctly during the for loop, it must of came up with some magic numbers again at some point and I wasn't paying attention. But yeah I can confirm it is constantly 0, not just the first entry.

Somebody suggested that left and right are floats, and shouldn't be able to take in numbers this long, could that be the case?

Edit: I just tried a breakpoint inside my Init function and something strange came up
http://img41.imageshack.us/img41/553/errorlja.jpg Edited by Xuchilbara

Share this post


Link to post
Share on other sites
kauna    2922
[url="http://fw1.codeplex.com/"]http://fw1.codeplex.com/[/url] have you tried FW1FontWrapper? May save a bit of your work.

Cheers!

Share this post


Link to post
Share on other sites
Tim Lawton    179
[quote name='kauna' timestamp='1354059082' post='5004736']
[url="http://fw1.codeplex.com/"]http://fw1.codeplex.com/[/url] have you tried FW1FontWrapper? May save a bit of your work.

Cheers!
[/quote]

This seems pretty cool, how do I use it?

Share this post


Link to post
Share on other sites
kauna    2922
It's pretty easy, Link the library to your project, Call following functions:

IFW1Factory *pFW1Factory;
HRESULT hResult = FW1CreateFactory(FW1_VERSION, &pFW1Factory);
if(FAILED(hResult)) {
return;
}

hResult = pFW1Factory->CreateFontWrapper(pDevice, _T("ARIAL"), &pFontWrapper);
if(FAILED(hResult)) {
return;
}

....
and to draw some text:

pFontWrapper->DrawString(pDeviceContext,_T("HELLO"),FontSize,PositionX,PositionY,Color,FW1_LEFT | FW1_TOP);


Just don't call the creation functions every time you draw text.

Best regards!

Share this post


Link to post
Share on other sites
kauna    2922
Well, the second parameter is just a pointer to a TCHAR string in this case so you may use the required string construction functions to manipulate a TCHAR array to contain the desired text. [url="http://msdn.microsoft.com/en-us/library/ybk95axf.aspx"]http://msdn.microsoft.com/en-us/library/ybk95axf.aspx[/url] contains some string manipulation functions.

Cheers!

Share this post


Link to post
Share on other sites
kauna    2922
[url="http://fw1.codeplex.com/releases/view/75558"]http://fw1.codeplex.com/releases/view/75558[/url] <- from this page download FW1FontWrapper 1.1, Header, Lib & DLL x86/x64, you don't need the source code.

Include the lib in your project and put the DLL in your program directory. Include the .h file to your text rendering code and then the code should work.

Cheers!

Share this post


Link to post
Share on other sites
Tim Lawton    179
Thanks alot for your help kauna, but I have finally fixed my own broken version! turns out the Font.vs HLSL had this line:

float4 position : POSITION;

when it should of been

float4 position : SV_POSITION;

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • By gomidas
      I am trying to add normal map to my project I have an example of a cube: 
      I have normal in my shader I think. Then I set shader resource view for texture (NOT BUMP)
                  device.ImmediateContext.PixelShader.SetShaderResource(0, textureView);             device.ImmediateContext.Draw(VerticesCount,0); What should I do to set my normal map or how it is done in dx11 generally example c++?
    • By fighting_falcon93
      Imagine that we have a vertex structure that looks like this:
      struct Vertex { XMFLOAT3 position; XMFLOAT4 color; }; The vertex shader looks like this:
      cbuffer MatrixBuffer { matrix world; matrix view; matrix projection; }; struct VertexInput { float4 position : POSITION; float4 color : COLOR; }; struct PixelInput { float4 position : SV_POSITION; float4 color : COLOR; }; PixelInput main(VertexInput input) { PixelInput output; input.position.w = 1.0f; output.position = mul(input.position, world); output.position = mul(output.position, view); output.position = mul(output.position, projection); output.color = input.color; return output; } And the pixel shader looks like this:
      struct PixelInput { float4 position : SV_POSITION; float4 color : COLOR; }; float4 main(PixelInput input) : SV_TARGET { return input.color; } Now let's create a quad consisting of 2 triangles and the vertices A, B, C and D:
      // Vertex A. vertices[0].position = XMFLOAT3(-1.0f, 1.0f, 0.0f); vertices[0].color = XMFLOAT4( 0.5f, 0.5f, 0.5f, 1.0f); // Vertex B. vertices[1].position = XMFLOAT3( 1.0f, 1.0f, 0.0f); vertices[1].color = XMFLOAT4( 0.5f, 0.5f, 0.5f, 1.0f); // Vertex C. vertices[2].position = XMFLOAT3(-1.0f, -1.0f, 0.0f); vertices[2].color = XMFLOAT4( 0.5f, 0.5f, 0.5f, 1.0f); // Vertex D. vertices[3].position = XMFLOAT3( 1.0f, -1.0f, 0.0f); vertices[3].color = XMFLOAT4( 0.5f, 0.5f, 0.5f, 1.0f); // 1st triangle. indices[0] = 0; // Vertex A. indices[1] = 3; // Vertex D. indices[2] = 2; // Vertex C. // 2nd triangle. indices[3] = 0; // Vertex A. indices[4] = 1; // Vertex B. indices[5] = 3; // Vertex D. This will result in a grey quad as shown in the image below. I've outlined the edges in red color to better illustrate the triangles:

      Now imagine that we’d want our quad to have a different color in vertex A:
      // Vertex A. vertices[0].position = XMFLOAT3(-1.0f, 1.0f, 0.0f); vertices[0].color = XMFLOAT4( 0.0f, 0.0f, 0.0f, 1.0f);
      That works as expected since there’s now an interpolation between the black color in vertex A and the grey color in vertices B, C and D. Let’s revert the previus changes and instead change the color of vertex C:
      // Vertex C. vertices[2].position = XMFLOAT3(-1.0f, -1.0f, 0.0f); vertices[2].color = XMFLOAT4( 0.0f, 0.0f, 0.0f, 1.0f);
      As you can see, the interpolation is only done half of the way across the first triangle and not across the entire quad. This is because there's no edge between vertex C and vertex B.
      Which brings us to my question:
      I want the interpolation to go across the entire quad and not only across the triangle. So regardless of which vertex we decide to change the color of, the color interpolation should always go across the entire quad. Is there any efficient way of achieving this without adding more vertices and triangles?
      An illustration of what I'm trying to achieve is shown in the image below:

       
      Background
      This is just a very brief explanation of the problems background in case that would make it easier for you to understand the problems roots and maybe help you with finding a better solution to the problem.
      I'm trying to texture a terrain mesh in DirectX11. It's working, but I'm a bit unsatisfied with the result. When changing the terrain texture of a single vertex, the interpolation with the other vertices results in a hexagon shape instead of a squared shape:

      As the red arrows illustrate, I'd like the texture to be interpolated all the way into the corners of the quads.
    • By -Tau-
      Hello, I'm close to releasing my first game to Steam however, my game keeps failing the review process because it keeps crashing. The problem is that the game doesn't crash on my computer, on my laptop, on our family computer, on fathers laptop and i also gave 3 beta keys to people i know and they said the game hasn't crashed.
      Steam reports that the game doesn't crash on startup but few frames after a level has been started.
      What could cause something like this? I have no way of debugging this as the game works fine on every computer i have.
       
      Game is written in C++, using DirectX 11 and DXUT framework.
    • By haiiry
      I'm trying to get, basically, screenshot (each 1 second, without saving) of Direct3D11 application. Code works fine on my PC(Intel CPU, Radeon GPU) but crashes after few iterations on 2 others (Intel CPU + Intel integrated GPU, Intel CPU + Nvidia GPU).
      void extractBitmap(void* texture) { if (texture) { ID3D11Texture2D* d3dtex = (ID3D11Texture2D*)texture; ID3D11Texture2D* pNewTexture = NULL; D3D11_TEXTURE2D_DESC desc; d3dtex->GetDesc(&desc); desc.BindFlags = 0; desc.CPUAccessFlags = D3D11_CPU_ACCESS_READ | D3D11_CPU_ACCESS_WRITE; desc.Usage = D3D11_USAGE_STAGING; desc.Format = DXGI_FORMAT_R8G8B8A8_UNORM_SRGB; HRESULT hRes = D3D11Device->CreateTexture2D(&desc, NULL, &pNewTexture); if (FAILED(hRes)) { printCon(std::string("CreateTexture2D FAILED:" + format_error(hRes)).c_str()); if (hRes == DXGI_ERROR_DEVICE_REMOVED) printCon(std::string("DXGI_ERROR_DEVICE_REMOVED -- " + format_error(D3D11Device->GetDeviceRemovedReason())).c_str()); } else { if (pNewTexture) { D3D11DeviceContext->CopyResource(pNewTexture, d3dtex); // Wokring with texture pNewTexture->Release(); } } } return; } D3D11SwapChain->GetBuffer(0, __uuidof(ID3D11Texture2D), reinterpret_cast< void** >(&pBackBuffer)); extractBitmap(pBackBuffer); pBackBuffer->Release(); Crash log:
      CreateTexture2D FAILED:887a0005 DXGI_ERROR_DEVICE_REMOVED -- 887a0020 Once I comment out 
      D3D11DeviceContext->CopyResource(pNewTexture, d3dtex); 
      code works fine on all 3 PC's.
    • By Fluffy10
      Hi i'm new to this forum and was wondering if there are any good places to start learning directX 11. I bought Frank D Luna's book but it's really outdated and the projects won't even compile. I was excited to start learning from this book because it gives detailed explanations on the functions being used as well as the mathematics. Are there any tutorials / courses /books that are up to date which goes over the 3D math and functions in a detailed manner? Or where does anyone here learn directX 11? I've followed some tutorials from this website http://www.directxtutorial.com/LessonList.aspx?listid=11 which did a nice job but it doesn't explain what's happening with the math so I feel like I'm not actually learning, and it only goes up until color blending. Rasteriks tutorials doesn't go over the functions much at all or the math involved either. I'd really appreciate it if anyone can point me in the right direction, I feel really lost. Thank you
  • Popular Now