How to render Bitmap Font text in game screen

In this lesson we will learn how we can render a text into our game screen using Bitmap Font class in libgdx library, if you are new and wanted to become a game programmer then i will recommend you to start with these Gdx engine, since it is an Open GL and is very light weight to use, you can run it even from your android phone then do the coding. The reason why i use libgdx is that i find it very awesome to use other than the platform that uses drag and drop options, Which for me is a little bit defficult Specially if you are just in a process of learning, or a beginner, this will become a problem because you might not be able to understand the things and the other stuff on how they work, except if you had already a background knowledge in programming so the best way for this is to learn the basic skills in java, then once you will get familliar of most advance approach, Then you can just decide whether you will evolve or migrate to the other platform like Unity,Unreal Engine, and so on-- I think i almost take much of your time, so let's get back to main point of this article... The first thing you need to prepare for this development process is that the requirements. we must meet the System compatibility as follow: 

Download:

Libgdx

Java Jdk

Android SDK

Eclipse

Instruction:

After you download all the files that needed in this tutorial, we need to install and set-up java jdk  path to our environment variables, the step below will show you how.

--Go to Java jdk installation directory in "C:\Program Files\Java\jdk1.7.0\bin" Copy these path

--Go to the environment path by Clicking: Window taskbar--->right click Computer--->Click Advance System setting ---> then go to Advance tab Then select "Environment Variable" then create new Variable name and variable value by clicking the New radio button. With in the "Variable name" input these "JAVA_HOME" then in the "Variable value" point it to your C:\Program Files\Java\jdk1.7.0\bin 

that's it we our on a way of creating our first game and deploy it to a different platform..

So the next step to be done is to extract the libgdx zip file which you downloaded above, By default it is good to put into (drive C:) Create a folder and name it "libgdx".

After that we will also set-up Android SDK,to it's path by extracting first it to the directory you want for example in "drive D:" or "drive C:"  once we done this, we can now copy the root folder of this SDK which is likely to this format "D:\Android SDK" copy it then add it also to the "Environment path" like what you did before in "Java JDK".

So now  since we are completely done setting -up our Android SDK and Java JDK We can now install Eclipse then open it to get started. before We can import a libgdx project to eclipse we just need to generate it first, Open Libgdx run the executable UI then create new project following the naming standard format.

Now that almost are ready, We can now import our project to eclipse Working Space. and since we just started learning game development, it is a good idea to start with these Bitmap Font tutorial. take the code Example below as for your study

package gdxsampler;


import com.badlogic.gdx.ApplicationAdapter;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.graphics.OrthographicCamera;
import com.badlogic.gdx.graphics.g2d.BitmapFont;
import com.badlogic.gdx.graphics.g2d.GlyphLayout;
import com.badlogic.gdx.graphics.g2d.SpriteBatch;
import com.badlogic.gdx.utils.viewport.FitViewport;
import com.badlogic.gdx.utils.viewport.Viewport;

public class BitmapFontSample extends ApplicationAdapter {
private static final float HEIGHT = 720f;// world units
private OrthographicCamera camera;
private Viewport viewport;
private SpriteBatch batch;
private BitmapFont uiFont;
private GlyphLayout glypLayout;

       @Override
public void create() {
camera = new OrthographicCamera();
viewport = new FitViewport(WIDTH, HEIGHT, camera);
batch = new SpriteBatch();
uiFont = new                   BitmapFont(Gdx.files.internal("data/ui/font/Adventure.otf"));

}

@Override
public void render() {
batch.setProjectionMatrix(camera.combined);
batch.begin();


draw();
batch.end();
}

private void draw(){
String  text1 = "USING BITMAP FONT";
uiFont.draw(batch,text1,20,0);
String text2 = "BITMAP FONT IS COOL";
glypLayout.setText(uiFont,text2);
uiFont.draw(batch,text2,
(WIDTH - glypLayout.width)/2f,
(HEIGHT -glypLayout.height)/2f);
//effect.draw(batch,text1,20,HEIGHT,100,0,true);
}


@Override
public void resize(int width, int height) {

viewport.update(width, height,true);
}

@Override
public void dispose() {

batch.dispose();
uiFont.dispose();
}

}