Making a LibGDX Roguelike Survival Game Part 11 – Custom menu / buttons #gamedev

Welcome to the 11th part in this game from scratch series, in this tutorial we look at changing the projection of our sprite batch to allow us to render a heads up display / menu and also create the classes which will allow us to generate interactive menus. The full source code is available on Github.


New Images

  • core/assets/gui/main_background.png
  • core/assets/gui/pink_button.png
  • core/assets/gui/square_menu.png
  • core/assets/gui/icons/build.png
  • core/assets/gui/icons/close_menu.png
  • core/assets/gui/icons/resources.png
  • core/assets/gui/icons/settings.png
  • core/assets/gui/selector.png

New classes

  • core/src/uk/co/carelesslabs/ui/
  • core/src/uk/co/carelesslabs/ui/
  • core/src/uk/co/carelesslabs/ui/
  • core/src/uk/co/carelesslabs/ui/
  • core/src/uk/co/carelesslabs/ui/


  • core/src/uk/co/carelesslabs/
  • core/src/uk/co/carelesslabs/
  • core/src/uk/co/carelesslabs/
  • core/src/uk/co/carelesslabs/

Custom menu

In this tutorial we will look at creating a custom menu for our game, this eventually will
allow the player to access/view build, settings and inventory. There are libraries available to handle all sorts of inputs (buttons, text boxes etc) such as Scene2D, but when the menu is basic and for learning LibGDX its interesting and sometimes simpler to create your own.

Rendering the menu

Whereas the main game camera moves around the map and can zoom / shake etc the menu view will need to be fixed.

The projection set for game screen is not fit for displaying the menu. Initially I created a new spriteBatch for the HUD (Heads Up Display) which was created using the screen size, this seemed less efficient than having just one spriteBatch, to use only one we will need to update the Matrix of the spriteBatch before rendering the HUD.

We can achieve this by updating the projection of the spriteBatch prior to rendering.

// new class variable
Matrix4 screenMatrix;

public void create() {
    // Setup Matrix4 for HUD
    screenMatrix = new Matrix4(batch.getProjectionMatrix().setToOrtho2D(0, 0, control.screenWidth, control.screenHeight));


public void render () {
  // GUI

The screenMatrix will allow us to change to spriteBatch back to a view the size of the screen, co-ordinates 0,0 will be the bottom left of the screen. With the view being the same size as the screen it will be easy to position menu items as we can access the screen width and height.


The new menu class has a texture which is the background for the menu, a postiion, width and height used when rendering, a Rectanlge (hitbox)
and an array of buttons.


import java.util.ArrayList;
import com.badlogic.gdx.math.Rectangle;
import com.badlogic.gdx.math.Vector2;

public class Menu {
    public String name;
    public Vector2 pos;
    public Texture texture;
    public float width;
    public float height;
    public float scale;
    public MenuState state;
    public float time;
    public float coolDown;
    public Rectangle hitbox;
    public ArrayList<Button> buttons;

    public Menu(float x, float y, float scale, Texture texture){
        pos = new Vector2(x,y);
        this.texture = texture;
        width = texture.getWidth() * scale;
        height = texture.getHeight() * scale;
        buttons = new ArrayList<Button>();
        hitbox = new Rectangle(x,y,width,height);

    // Render the texture and all of the button textures
    public void draw(SpriteBatch batch){
          if(texture != null) batch.draw(texture, pos.x, pos.y, width, height);
          for(Button b : buttons){

    // If the player has clicked the mouse then processedClick will be true
    // We check if the mouse position is contained within any of the button Rectangles
    public boolean checkClick(Vector2 pos, boolean processedClick){
        boolean processed = false;
                System.out.println("Hit: " + name);

            // Check if a button has been clicked
            for(Button b : buttons){
                    if (b.listener != null) b.listener.onClick(b);
                    processed = true;
        } else {
            return processedClick;

        return processed;

    // If the mouse is inside of the menu then check if its also inside of a button
    // When the mouse is inside a button then set its state to hovering
    // Else set all buttons to idle
    public void checkHover(Vector2 pos){
            // Check if a button is being hovered over
            for(Button b : buttons){
                    b.state = Enums.EnityState.HOVERING;
                } else {
                    b.state = Enums.EnityState.IDLE;
        } else {
            for(Button b : buttons){
              b.state = Enums.EnityState.IDLE;

    // A function to add multiply buttons to our menu
    // It is possible to add any size grid of buttons with a certain sized padding
    public void addButtons(float offset, int columns, int rows, Texture texture, Texture select, int scale) {
        for(int i = 0; i < columns; i++){
            for(int j = 0; j < rows; j++){
                float bx = pos.x + (offset + ((i+1)*offset) + (i * texture.getWidth())) * 2;
                float by = pos.y + (offset + ((j+1)*offset) + (j * texture.getHeight())) * 2;
                float width = texture.getWidth() * 2;
                float height = texture.getHeight() * 2;

                Entity selector = new Entity();
                selector.texture = select;
                selector.width = selector.texture.getWidth() * scale;
                selector.height = selector.texture.getHeight() * scale;
                selector.pos.x = bx - ((selector.width - width) / 2);
                selector.pos.y = by - ((selector.height - height) / 2);

                buttons.add(new Button(bx, by, width, height, texture, selector));

    // Check if the menu is active
    public boolean isActive(){
        return state == Enums.MenuState.ACTIVE;

    // Set meny to active
    public void setActive(){
        state = Enums.MenuState.ACTIVE;

    // Set menu to inactive
    public void setInactive(){
        state = Enums.MenuState.DISABLED;

    // Toggle active state
    public void toggleActive() {
        } else {

The Button class extends Entity, it adds an OnClickListener, a hitbox, an icon texture and a selector entity. The OnClickListener defines
what to do when the button is clicked, the hitbox allows us to test if the mouse position when a click occurs should interact with
button, the selector is a texture that is drawn when the button is being hovered over and the icon is a texture to help identify what
the button does.


import com.badlogic.gdx.math.Rectangle;

public class Button extends Entity {
    public OnClickListener listener;
    public Rectangle hitbox;
    public Texture icon;
    public Entity selector;

    public Button(float x, float y, float width, float height, Texture texture, Entity selector) {
        this.texture = texture;
        this.selector = selector;
        this.pos.x = x;
        this.pos.y = y;
        this.width = width;
        this.height = height;
        hitbox = new Rectangle(pos.x, pos.y, width, height);

    public void setOnClickListener(OnClickListener listener){
        this.listener = listener;

    public void draw(SpriteBatch batch){
        if(texture != null) batch.draw(texture, pos.x, pos.y, width, height);
        if(icon != null) batch.draw(icon, pos.x, pos.y, width, height);
        if(isHovered() && selector != null){

    // Is button currently being hovered over by the mouse
    private boolean isHovered(){
        return state == Enums.EnityState.HOVERING;

    // Updates the position and size of the hitbox (Rectangle)
    public void updateHitbox() {
        hitbox.set(pos.x, pos.y, width, height);

We can create an instance of this interface for each button and use it to create an over ride of the onClick function, within this function
we can write custom code that will run when onClick is called.


public interface OnClickListener {
    public void onClick(Button b);

An example of setting the onClick function for a button

// Setting the onClick function for a button called button
// We can put any code here
        new OnClickListener(){
            public void onClick(Button b) {
                // Declare code to run here
                System.out.println("This button was clicked.");

The SquareMenu is the bottom left square shapped main menu, it has 3 icons at the moment, one for inventory/resources, a build menu and also an icon for settings.

This class extends menu, we set the position and background texture using super (calls the constructor for the extended class ‘Meny’), 4 buttons are added in a 2×2 grid.
The icons and onClick for each button is set, currently we set up only 3 of the buttons.

A new type of menu ‘Build’ is also added, this menu will be hidden by default and only shown when the build icon/button is clicked.


import com.badlogic.gdx.math.Vector2;

public class SquareMenu extends Menu {
    public BuildMenu build;

    public SquareMenu(final gameclass game){
        super(0, 0, 2, Media.squareMenu);

        int scale = 2;
        addButtons(3, 2, 2, Media.pinkButton, Media.selector, scale);

        Button btn = buttons.get(0);
                new OnClickListener(){
                    public void onClick(Button b) {


        btn = buttons.get(1);
        btn.icon = Media.iconSettings;
                new OnClickListener(){
                    public void onClick(Button b) {

        btn = buttons.get(2);
        btn.icon = Media.iconResources;
                new OnClickListener(){
                    public void onClick(Button b) {
                        game.control.inventory = true;

        btn = buttons.get(3);
        btn.icon = Media.iconBuild;
                new OnClickListener(){
                    public void onClick(Button b) {

        // BUILDING
        build = new BuildMenu(pos.x + width, 0, 2, Media.mainBack);

    // Draw the extended menu and also the build menu.
    public void draw(SpriteBatch batch){

    // Check if the menu / build menu buttons are being hovered over.
    public void checkHover(Vector2 pos) {


This class is another extended Menu class which is shown when the build menu button has been pressed. It has 14 columns and 2 rows which will be used
to add building options in another tutorial. Clicking these will allow items to be built/placed onto the map.

This class also adds another button which will call toggleActive(), basically this is a close menu button. The main build menu button will also close
menu when it is clicked and the build menu is currently active.



public class BuildMenu extends Menu {

    public BuildMenu(float x, int y, int scale, Texture mainBack){
        super(x, y, 2, Media.mainBack);
        addButtons(3, 14, 2, Media.pinkButton, Media.selector, 2);

        // Add a close button
        Button close = new Button(0, 0, Media.close_menu.getWidth() * scale, Media.close_menu.getHeight() * scale, Media.close_menu, null);
        close.pos.x = x + width - (Media.close_menu.getWidth() * scale) - (6 * scale);
        close.pos.y = height - (Media.close_menu.getHeight() * scale) - (6 * scale);
                new OnClickListener(){
                    public void onClick(Button b) {

    // Only draw when the menu is active.
    public void draw(SpriteBatch batch){

New ENUM list for menu/button states.

public enum MenuState {

New Vector for the mouse position which is updated on mouseMoved.

public Vector2  mousePos = new Vector2();

public boolean mouseMoved(int screenX, int screenY) {
    mousePos.set(screenX, screenHeight - screenY);
    return false;

The menus are not yet complete but this gives us a decent foundation for completing / progressing our HUD.

LibGDX Simple Slides

Currently working on a game for Wing Wing Shoot Bag using Java with LibGDX. While trying to learn Pixel/Game art I produced a few animated GIFS, one of which would be perfect for the main screen.

Being a little lazy I thought of loading in the individual images and looping through them rather than create one large image and cut it up programmatically for an animation. This worked, I had created a sort of slide player.

After pressing start within the game menu I wanted the current frame to pause and fade out, then the intro of the game would play. The intro follows the movie to which the game is based, several images would fade in, hold then fade out.

Fading in and out
First off I needed to find a way to fade an image in or out, there is a library available to do this:

I followed the guide and setup a Sprite Accessor class: Class source

Slide Manager
Next I created a slide manager class, this would hold an array of slides which could have some simple attributes:

  • sprite;              // The image
  • fade_duration  // Time to fade in or out
  • hold_duration  // Time to hold slide on screen after fade in
  • total_duration  // time for fade in, hold and fade out
  • gap_duration   // time between slides

Classes: Slide ClassSlide Manager

Creating and using the Slide manager
Basically you initiate the new class then add to the array of images with some settings. During the render loop you tell the class to update and it will play your images in order; fading them in and out.

// Declare a new var
SlideManager slide_manager;

// Slides
slide_manager = new SlideManager();

// Add slides that fade in for 4 seconds, holds for 1 seconds
// After fade out leaves a gap of 1 seconds before next slide

slide_manager.add_slide(new Slide(“intro/screens/russian.png”, 4, 1, 1));
slide_manager.add_slide(new Slide(“intro/screens/spy.png”, 4, 1, 1));

// Add a slide with an overlay animation
// Passes animation width, speed and position
slide_manager.add_slide(new Slide(“bck.png”, 2, 0, 1, “frames.png”, 70, 0.1f, 45, 25));

I started playing about with a few variations of slides, would probably move the extras such as animations into an array and create a new animation class to pass with the slide.

This is a render loop for the intro screen, when the slides are done it just loads the next screen:

public void render(float delta) {, 0, 0, 0);;

if (!slide_manager.finished){

if (slide_manager.finished){

This is a very quick prototype which only allows simple fading in and out and overlaying of one animation. It requires a library to be imported even though setting the colour(Alpha) of a sprite over time is very simple I could go on to use many more of the libs features.

This class will allows me to quickly create simple comic book style cuts scenes between levels while prototyping.


Pixel Art and new project

I have been busy lately with all sorts of things, time off work, ran a marathon but I did start learning pixel art recently so thought I would blog about it.

There many types of artists, sadly I fall into the category of a coder with a zero game budget who has to make all his own art or will have no game. After making the two Jam games I felt it was time to return to my main game “Endure” but while wasting some time on FaceBook I saw a message on a group I follow saying they were celebrating their 10 Year anniversary:

Wing Wing Shoot Bag Facebook group

Anyway, I offered to make the group a game based on a feature length movie they made some 6 years ago about a transgender cop called “Susan Balaka”, they also make short comedy sketches but this had a full story which would be awesome to make into a game.

Oh yes Pixel Art,the game would require lots of animated scenes and pixel style art, so I started having a go:

First Attempt at Balaka

This was a bit shoddy and the guns look like socks! Next I found some forums and asked for help, you may find these useful:

Final Boss Blues
Way of the Pixel
Pixel Joint
Reddit – pixelart

With some help and reading tutorials I broke a whole new set of pixel art rules and came up with these:

Two main characters (Line from the movie)

One rule I broke early on was using far to many colours, the advise I received most often referred to colour palette and contrast between colours. A useful site for checking how many colours your using:

After some help from Final Boss Blues I started adding some shading to the characters faces, as you progress you look back at your earlier work and realise you will need to redo them over.

Trying to add detail

There will be all sorts of assets in the Balaka game, I had a go at making an arcade machine to test the use of isometric angles with pixel art, I am far from good at this but you can see what it is and its not too ugly?

After making several static images that I tried my hand at animation, I have made simple animations for other games but I always seem to make some sort of mistake, here the flash from the screen is not really pixel art as such and the feet/body position is all wrong.

So there you have it, I am now learning pixel art while making a game. I would suggest finding some good pixel artists and following their work, realise that you will make mistakes, when asking for help do not take criticisms to heart and say thanks when people take the time out to give help.

“His head looks like a potato” – I could have tried to defend this comment but its true and made me laugh.

Happy Pixeling!


Humble indie dev’s game jam adventure

So I decided to take part in a few game jams to see what they were all about, I have mixed feelings about them and will take you through my highs and lows during two recent jams.

What is a Jam?
Within a set period of time you have to produce a game to some theme or basic specification. The rules are usually basic.

Why Jam
Having clear goals and a deadline really gets you working! I was making pixel art and thinking of how it would work in the game, basically multitasking like a beast. You learn new things rapidly and learn to actually finish tasks so there are lots of pro’s to taking part in a jam. For many this will be the first project this see through to publishing.

My Journey
After seeing the Flappy Bird game do so well I though why not make something simple like this to see project from start to finish in a few days, then I found Flappy Jam!

Flappy Jam main image

Clicky Pixel
I got to work right away on the basic game and had a square dodging blocks before long and it ran well on all mobiles! WIN! Then I made my first big mistake, instead of adding graphics and submitting I decided to add levels, HP and character unlocks.

As a solo hobby developer I have little time and no resources and a wife who likes to see me every now and again, I basically locked myself in my study night after night polishing the game and trying to do far too much.

note: Samsung mobile with battery save mode enabled = poor fps!

My Entry

My First game

Only 4 votes! I submitted at some stupid time in the morning then posted a bit about the game and slept the next evening at 7pm, I was tired and still have a busy day job to do! oh and I am training for a marathon and have 30+ miles to run a week.

Once the game was in the list I lost all interest and had to get my sleep pattern back to normal and try to make it up to the wife.


I did get a little bit of feedback, Okeedoke Studios comment is priceless, imagine that a Flappy Game being a bit grindy! This really made my day and also 556 views and 199 downloads was great.

I promised the wife I would wait a while before the next jam and get back to my main game Endure and take it easy, so I waited a few days then saw CyberPunkJam and thought I am doing that!

Cyber Punk Jam
With Clicky Pixel finished and shelved I was no longer a jam virgin and ready for more, this time I would be even more focused and learn from my mistakes, so I decided on an even more complicated game that would require much more art, more code and this time Id go for mobile, Windows, Mac and HTML!

CYPERPUNK Jam main image

So make a game based on the image of some punks jumping off a building, first thought was base jumping, too simple I thought, before I could even research it someone had posted their game and yes it was a sky diving game.

I decided I would do something a little different and after some time decided to remake an old Amiga classic “Walker”.

Using LibGDX and some ripped sprites of the origin game I quickly mocked up a walking bot: View the Sprites here

I was not intending to keep these sprites in the demo I submitted, but I had little time to work on the game. I produced some punks to use as enemies and played about with pixels for a few evenings:

Some sprites for the game
I also changed my screen saver and bought a new t-shirt! Making animated sprites is a slow process for a coder, I had to keep Googling for examples to help me get ideas, the game could have done with many more enemies but there was no game yet and I was running out of time. I made two types of punks, a helicopter and an Akira style biker, I am really happy with them overall.
Final Day

I only actually submitted this game as the jam had a 48 hour extension, I came home from work late, sat at my computer with very little complete; a robot that moved and shot bullets, a few enemies that had no AI and just ran across the screen, at this point there were no sounds and no background.

I made a background and 3 shops that would give the impression you were moving forward between waves, this took about an hour. Next I had to produce an algorithm to produce wave attacks, I got this so wrong, the first waves were fine but if you got to around round 6 you were completed overwhelmed, but I had run out of time. I think it was around 4am when I uploaded the .jar and HTML versions of the game, “Mech Stroller”PLAY HERE

Mech Stroller Wave 0

The game was full of bugs and lacked:

  • Power Ups
  • Decent AI
  • Up / Down movement
  • Balanced Waves 
  • Parachutes!

I spent an hour over my lunch break and put better waves into place and made the enemies a little more random with their movement, once this was published I saw a tweet saying I may have broken some rules in updating the game after the cut off point! If the game had been pulled I would have been annoyed but seems I got away with this.

Twitter, Forums & Reddit
So this time I understood it was important to get people playing the game and getting more feedback than with Clicky P. I posted to twitter every so often, posted in some of the Java forums I use and also hit Reddit for the first time.

Those people at Reddit must deal with a lot of spam and general time wasters, if you delete a post they make you wait forever to repost, I almost gave up on it, had to make a second account just to post, it is just not a nice interface to use:

It was worth using Reddit though as it brought some traffic to the game page, overall the game had around 500 views and maybe 70 downloads of the .Jar file. This just shows if you are producing a real game you need a solid

If you want to place in the Jam you are going to have to spend time convincing others who submitted games to play and vote on your game, some 268 people contributed to the jam in total, you are going to want a decent number of votes or a least a few that score you highly.

I played other games for hours and hours adding comments and trying to vote fairly, I must have voted on about 150 of the games, each time if possible tweeting to the dev asking them to check out my game in return.

I had 34 votes from other devs:

I am pretty happy with this score, considering I probably only spent half the available time on the game and put more effort into learning pixel art its a miracle there was any game at all. I find it strange how people will comment on whats missing from the game, the jam was around 10/12 days long and I am one person with a full time job, collaborating might be a better idea for more adventurous ideas.


I have learned a lot about myself, game making and a small faction of the Indie Game Scene during the last month or so. There are a lot of kind people out there on Twitter willing to help, give feedback and motivate you, this is great and really helped me stick at it.

Before you dive into coding or drawing try to come up with a simple idea that is possible in complete in the given time. Make a list of the assets you need for the game, if the list is getting to big you are aiming too high, try to truncate the list as much as possible. If you know others who might like to team up then work this out before the jam, I would have loved to team up with an artist for this so I could concentrate on the code.

I did enjoy talking to other developers after the jam ended but I did feel a bit of an anti-climax, the fun for me was making the game even though I didn’t have enough time to really get it to a point I was happy with.

Use the Jams to make you fast prototype an idea and get some feedback but I would not suggest taking the comments on your game too personally, not everyone will like what you have done and this was made in no time at all.

Most of all try to have fun and interact with the Indie community as much as possible! I hope you enjoyed reading, please check out my games and throw any questions to me on Twitter @carelesslabs

Careless releases Android game

Download the game here:

After seeing all the Flappy Clones being published on the Play store I thought it would be fun to attempt a similar game, a few days after I started the #FlappyJam started so I had a deadline!

I quickly got the basic mechanics up and running, a score, randomly placed blockers and a character that moved up and down. Not totally convinced with the movement I put a trail in place which I thought looked neat and it made it into the final game.

To make this game stand apart from Flappy Bird I decided to add levels, each time you play your score adds to a total percentage and upon reaching that the next level is unlocked.

Then just to add another dimension to the game I added a bank, character selection and hearts (HP). All of your points go into your bank total, hearts allow you to get hit in game and the new characters get smaller so its easier to avoid the blockers.
Working on a smaller game has been a lot of fun, the level design was quite rewarding, the way in which its coded means you can just drop in a new folder with the correct graphics; change one variable number_of_levels and its instantly in game.
I will try to add a more detailed write up on actual code soon, please check out the game at:

LibGDX and

To have a break from fish this evening decided to set up a highscore board as a test case for JSON and online storage for Endure.

Full Source Code

Signed up for a very neat data-store for mobiles and web applications, they provide example projects for JavaScript, Unity, Android and other platforms.

The best thing is the price… free!


  • Requests: 1 million/month
  • Pushes: 1 million/month
  • Burst Limit: 20/second

 Scores Table

 I did try out the Android sample project but without your app being Andriod as expected there was no way to use the .Jar libraries that Parse provide, but they do offer a great Restful method to POST and GET your data.

Custom Parse Class

I wrote a very simple Java class and imported Java’s own Net and IO libraries did not take long to get some scores in and out of the service.

LibGDX has its own Net library so I also gave this a go as my code looked messy, have some speed tests to run yet but happy to be able to push and pull data for free and with no real hassle.

I will not go through my code put post the class for you to see, the important lines here are:

httpPost.setHeader(“X-Parse-Application-Id”, app_id);
httpPost.setHeader(“X-Parse-REST-API-Key”, app_key);

conn.setRequestProperty(“X-Parse-Application-Id”, app_id);
conn.setRequestProperty(“X-Parse-REST-API-Key”, app_key);

While looking how others use Parse with Java I saw a lot of complaints about unauthorized errors, Parse provides many different keys and you have to set and use the right ones. 

Full Source Code

Code adding hard coded score and retrieving all scores

Lots of testing left to do with this and of course will need to ask the user their name (@twitter_tag) when they start the game, will use this for the upcoming fishing competition and keep a track of all the fish caught.

Also will need to use a JSON library to properly generate the string that is post and also parse the results into objects.

Thanks for reading.

LibGDX Lighting – Day / Night cycle

Recently researched the use of a Shader in libGDX to create a simple day/night cycle. Found some basic tutorials to create a fire at night affect including: Lightmap Shader This basically adds a tint to the background and overlays an image to create a spotlight.

Shader (Original Site is now only available on Way Back Machine)
Gist of the shaders

Initiating vars etc:

Vector3 bright = new Vector3(6.3f, 6.3f, 6.7f);
// Load shaders from text files
vertexShader = Gdx.files.internal("data/shaders/vertexShader.glsl").readString();
defaultPixelShader = Gdx.files.internal("data/shaders/defaultPixelShader.glsl").readString();
finalPixelShader =  Gdx.files.internal("data/shaders/pixelShader.glsl").readString();

ShaderProgram.pedantic = false;
defaultShader = new ShaderProgram(Art.vertexShader, Art.defaultPixelShader);
finalShader = new ShaderProgram(Art.vertexShader, Art.finalPixelShader);currentShader = finalShader;
ambientColor = bright;
finalShader.setUniformi("u_lightmap", 1);
finalShader.setUniformf("ambientColor", ambientColor.x, ambientColor.y, ambientColor.z, ambientIntensity);
// Image for spot light 
light = new Texture(Gdx.files.internal("data/shaders/light.png"));
fbo = new FrameBuffer(Format.RGBA8888, 1024, 788, false);

finalShader.setUniformf("resolution", 1024, 788);

Render Loop

After setting up the variables and shader files in the render loop I adjusted the ambientColor over time to give affect of night day.

// Adjust ambientColor to give appearance of night/day  
finalShader.setUniformi("u_lightmap", 1);
finalShader.setUniformf("ambientColor", ambientColor.x, ambientColor.y, ambientColor.z, ambientIntensity);

// I added logic to only show spotlight during night
  light_batch.draw(light, hero.x-l_off+.4f,hero.y-l_off+.2f, light_size,light_size);
// Draw your map here
MapGenerator.draw(, light_batch);


This solution limited me to using one spot light, also my knowledge of OpenGL Shader language is zero. At this point I went back to the LibGDX documentation and came across Box2dLights, a library that uses collision data from Box2D to create lights/shadows.
private PointLight spriteLight;
private RayHandler rayHandler;

// Create a new Box2D World, this is required. 
World world = new World(new Vector2(), true); 
// Setup the new RayHandler, it will use the same camera as the main game
rayHandler = new RayHandler(world);
// Light to follow the hero
spriteLight = new PointLight(rayHandler, 50);
spriteLight.setColor(3, 12, 33, 0.3f);
// Keep the unique ID of the light  
hero_light = spriteLight.hashCode();

// this lights the map (Sun)  
spriteLight = new PointLight(rayHandler, 50);
spriteLight.setColor(3, 12, 33, 0.5f);
// Test shadow being cast by solid object 
PolygonShape tileShape = new PolygonShape();
tileShape.setAsBox(.5f, .5f);
FixtureDef fixtureDef = new FixtureDef();
fixtureDef.shape = tileShape;
fixtureDef.filter.groupIndex = 0;
BodyDef tileBodyDef = new BodyDef();
float bodyX = hero.x-3;
float bodyY = hero.y-4f;
tileBodyDef.position.set(bodyX, bodyY); 
tileBodyDef.type = BodyType.StaticBody;
Body tileBody = world.createBody(tileBodyDef);


Here I set up some basic lights, a small one for the hero and a large light to act as the sun, I added one solid object to show a shadow being cast. Would need to add bodies for each object in the game and update there positions. Here the alpha is set to low on the sun light to give impression of night:

Zoomed out, earlier in the day:
Multiple Lights

Accessing and looping through all lights is simple, we stored the hashcode of the hero light so on each render loop update its position, else change the alpha value; increase/decrease this value to simulate night to day and vice versa.

for (Light light : rayHandler.lightList) {
 if (light.hashCode() == hero_light){
  light.setColor(1, 1, 1, ambientIntensity);

Random Island Generator

After making a few maps with Tiled I realized it was slow and tedious, I thought a procedural island would be doable, I read a few articles on different methods and decided to go with one which was simple enough for me to code.
Step 1
Create a 18×18 array of Tiles, this is a simple class with variables, name, x, y, number, texture, code. The texture for each tile is set to water:
 private void create_water_map(){
  int id = 0;
  SQUARE = 18;

  for (int i = 0; i < LAYERS; i++) {
    for (int y = 0; y < SQUARE; y++) {
      for (int x = 0; x < SQUARE; x++) { 
 Tile tile = new Tile(x << 5, y << 5, x, y, "WATER", Art.water, id);
 id += 1;
Step 2
Take the centre tile and spiral out, for the first 3 or 4 passes set the Tile to grass, then set the tile to grass if random number < value, the chance gets less as the number of the cycle goes up.
private void create_mini_island(){
  int number_of_cycles = 7;
  int move_amount = 0;
  int random_cycle_no = 3;
  int tile_count = SQUARE * SQUARE;
  int tile_no = tile_count/2 + (SQUARE/2);
  int prev_tile_no = tile_no;
  Tile current_tile = tileArray_1.get(tile_no);
  current_tile.texture = Art.grass; = "GRASS";
  for(int cycle = 1; cycle <= number_of_cycles;cycle++){ 
    int rnd = 100 - (cycle*12);
    for(int d = 0; d < 4; d++){
      if(d == 0 || d == 2){
        move_amount += 1;
      for (int m = 1; m <= move_amount; m ++ ){
        if (d == DOWN){
   tile_no -= SQUARE;     
 }else if (d == LEFT){
         tile_no -= 1;             
 }else if (d == UP){
   tile_no += SQUARE;       
 }else if (d == RIGHT){
   tile_no += 1;
        process_direction(tile_no,prev_tile_no, tile_count, "GRASS", current_tile, Art.grass, rnd, cycle, random_cycle_no);    
        prev_tile_no = tile_no; 
Step 3
The map resembles a basic island but is way too small, now loop through the array and split each tile up into many more and set the border to water, this will help make the island less block like later on.





private void enlarge_mini_island(){
  int x,y,start_x,start_y;
  int count = -1;
  int t = -1;
  int split_by = 8;
  land_keep_percent = (int) (split_by * 0.8);
  for (Tile tile : tileArray_1) {
    count ++;
    for (int h = 0; h < split_by; h++){
      if (count == t){
 for (int w = 0; w < split_by; w++){
   int row = tile.number / SQUARE;
   int column = tile.number % SQUARE;
   // replace hard coded new width and height 144 and 1008
   int id = w + ((tile.number)*split_by) + (h*144) + (row * 1008);
          if (count == t){System.out.println(id + " tile: " + count + " w:" + w + " h:" + h + " row: " + row );}
     start_x = (column*split_by) + w;
     x = (start_x << 5);
     start_y = (row * split_by) + h;
     y = (start_y << 5);
     Tile new_tile;
     // make centre tiles water
     if (w < 1 || w > land_keep_percent || h < 1 || h > land_keep_percent){
       new_tile = new Tile(x, y, row, column, "WATER", Art.water, id);
     } else {
       new_tile = new Tile(x, y, row, column,, tile.texture, id);
     if (w == 1 && h == 1 &&"GRASS")){
       new_tile.marker = true;

Step 4
 For each tile added to the connector array check down to see if there is land, if yes then turn the tiles below into grass, repeat this for left also which now gives us this:



Step 5
Smoothing out the land to make the grass areas less box like, loop through all the tiles, if the tile is water and touching at least x number of grass tiles then turn it into grass.




 Step 6
Loop through the array of tiles again making water tiles touching grass randomly into grass.


Step 7
Now that the island is finished loop through the array once more, every tile that is water and touching grass becomes sand. Run through this again randomly this time so some shores are thicker.


Step 8
Next for each tile that is sand and touching grass calculate which sand to grass tile it should be.
Check the 3 tiles above, to the left and right and the 3 tiles below use this to create a code. If the water tile code is 001 01 001 then it has 3 sand tiles to the right so show the correct tile.
The sand to grass tiles:


 Repeat this process for water touching sand.



The next stages include creating rivers, placing rocks etc and identifying areas to place trees and so on. I have included some code snippets just to give an idea how how parts of this work, its quite simple and takes only a moment to run through.