{"id":89,"date":"2015-08-20T17:53:00","date_gmt":"2015-08-20T17:53:00","guid":{"rendered":"https:\/\/therenaissanceraven.com\/?p=89"},"modified":"2015-08-20T17:53:00","modified_gmt":"2015-08-20T17:53:00","slug":"libgdx-complete-tutorial-how-to-make-a-simple-libgdx-game-continued","status":"publish","type":"post","link":"https:\/\/therenaissanceraven.com\/?p=89","title":{"rendered":"*libGDX* Complete Tutorial: How to make a simple libgdx game – continued"},"content":{"rendered":"

Hello again! We are going to take our icicle mayhem game we just made (our whatever version you happened to have created!) and add some more advanced stuff to it, such as a main menu, achievements, and animations. We are going to build right off of the last post, so please visit that if you wish to get your game up to date for this tutorial.<\/p>\n

Step 1:<\/b>
Adding a Main Menu! This is like the trunk to the tree of life, this is where we can branch off to many things, such as achievements, easy mode, hard mode, settings, high scores, etc, etc. To start we are going to create two java classes called MainMenuScreen and AchievementScreen, and fill them with the bare bones needed to make a “screen” work in libgdx, I’m also including the same background in this as the GameScreen as it will work well for our main menu. (For achievementScreen, just change the word MainMenuScreen to AchievementScreen in the two locations it appears).<\/p>\n

\n\n\n\n
\n
  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105<\/pre>\n<\/td>\n
\n
public<\/span> class<\/span> MainMenuScreen<\/span> implements<\/span> Screen,<\/span>InputProcessor {<\/span>
    \/\/Creates a reference to hold our \"passed\" game.<\/span>
    private<\/span> MyGdxGame game;<\/span>

    \/\/Defining the camera to be used<\/span>
    private<\/span> OrthographicCamera camera;<\/span>

    \/\/Texture for the cave background<\/span>
    private<\/span> Texture caveBackground =<\/span> new<\/span> Texture(<\/span>\"cavebackground.png\"<\/span>);<\/span>


    public<\/span> MainMenuScreen<\/span>(<\/span>MyGdxGame game)<\/span> {<\/span>
        \/\/assigns the game we passed to the placeholder<\/span>
        this<\/span>.<\/span>game<\/span> =<\/span> game;<\/span>
        \/\/creates the camera<\/span>
        camera =<\/span> new<\/span> OrthographicCamera();<\/span>
        \/\/Sets the screen to be 800 width by 480 height<\/span>
        camera.<\/span>setToOrtho<\/span>(<\/span>false<\/span>,<\/span> 480<\/span>,<\/span> 800<\/span>);<\/span>
        \/\/very important, lets us use the Input methods!<\/span>
        Gdx.<\/span>input<\/span>.<\/span>setInputProcessor<\/span>(<\/span>this<\/span>);<\/span>
    }<\/span>
    @Override<\/span>
    public<\/span> void<\/span> render<\/span>(<\/span>float<\/span> deltaTime){<\/span>
        \/\/Sets the color to be applied after clearing the screen (R,G,B,A)<\/span>
        Gdx.<\/span>gl<\/span>.<\/span>glClearColor<\/span>(<\/span>0<\/span>,<\/span>0<\/span>,<\/span>255<\/span>,<\/span>1<\/span>);<\/span>
        \/\/Clears the screen<\/span>
        Gdx.<\/span>gl<\/span>.<\/span>glClear<\/span>(<\/span>GL20.<\/span>GL_COLOR_BUFFER_BIT<\/span>);<\/span>
        \/\/updates camera view<\/span>
        camera.<\/span>update<\/span>();<\/span>
        \/\/makes the camera fit onto the available screen<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>setProjectionMatrix<\/span>(<\/span>camera.<\/span>combined<\/span>);<\/span>
        \/\/Starts gameBatch for drawing<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>begin<\/span>();<\/span>
        \/\/All drawing needs to be done here<\/span>
        \/\/Draws the Cave Background starting at x = 0, y = 0<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>caveBackground,<\/span>0<\/span>,<\/span>0<\/span>);<\/span>
        \/\/Ends the gameBatch after drawing<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>end<\/span>();<\/span>
    }<\/span>

    \/\/This method gets called when a key is pressed down<\/span>
    public<\/span> boolean<\/span> keyDown<\/span> (<\/span>int<\/span> keycode)<\/span> {<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>

    \/\/happens upon lifting finger off of key<\/span>
    public<\/span> boolean<\/span> keyUp<\/span> (<\/span>int<\/span> keycode)<\/span> {<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>

    \/\/called when the person lifts their finger off of the screen<\/span>
    public<\/span> boolean<\/span> touchUp<\/span> (<\/span>int<\/span> x,<\/span> int<\/span> y,<\/span> int<\/span> pointer,<\/span> int<\/span> button)<\/span> {<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>

    public<\/span> boolean<\/span> touchDown<\/span>(<\/span>int<\/span> screenX,<\/span> int<\/span> screenY,<\/span> int<\/span> pointer,<\/span> int<\/span> button)<\/span> {<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>

    public<\/span> boolean<\/span> keyTyped<\/span> (<\/span>char<\/span> character)<\/span> {<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>

    public<\/span> boolean<\/span> touchDragged<\/span> (<\/span>int<\/span> x,<\/span> int<\/span> y,<\/span> int<\/span> pointer)<\/span> {<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>

    public<\/span> boolean<\/span> mouseMoved<\/span> (<\/span>int<\/span> x,<\/span> int<\/span> y)<\/span> {<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>

    public<\/span> boolean<\/span> scrolled<\/span> (<\/span>int<\/span> amount)<\/span> {<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>

    @Override<\/span>
    public<\/span> void<\/span> resize<\/span>(<\/span>int<\/span> width,<\/span> int<\/span> height){<\/span>

    }<\/span>

    @Override<\/span>
    public<\/span> void<\/span> show<\/span>(){<\/span>

    }<\/span>

    @Override<\/span>
    public<\/span> void<\/span> hide<\/span>(){<\/span>

    }<\/span>

    @Override<\/span>
    public<\/span> void<\/span> pause<\/span>(){<\/span>

    }<\/span>

    @Override<\/span>
    public<\/span> void<\/span> resume<\/span>(){<\/span>

    }<\/span>

    @Override<\/span>
    public<\/span> void<\/span> dispose<\/span>(){<\/span>

    }<\/span>
}<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Now, we need to actually open this screen first, before the GameScreen, to do this, go to the MyGdxGame.Java class and edit the portion where we “setScreen” in the create function to the following:
<\/p>\n
\n\n\n\n
\n
1
2<\/pre>\n<\/td>\n
\n
        \/\/this will set the screen to our next class \"MainMenuScreen\"<\/span>
        this<\/span>.<\/span>setScreen<\/span>(<\/span>new<\/span> MainMenuScreen(<\/span>this<\/span>));<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
This will now set our first screen of the game to our MainMenuScreen. Now we need to add some options\/buttons to the screen. One drawback right now is that the buttons I will be creating will be graphically-tactile free.. as in, once your finger touches the button, it does not visually depress. We can make an animation play when the button is pressed, and maybe ill include that latter but for now, we will keep them static.<\/p>\n
mainmenuscreen.png:<\/p>\n
 <\/a><\/div>\n
Now we are going to create a new variable in the MainMenuScreen to use our Texture:<\/div>\n
<\/p>\n
\n\n\n\n
\n
1
2<\/pre>\n<\/td>\n
\n
    \/\/Texture for button Overlay<\/span>
    private<\/span> Texture menuTexture =<\/span> new<\/span> Texture(<\/span>\"mainmenuscreen.png\"<\/span>);<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Adding our texture to draw in the render section after we draw the cavebackground:
<\/p>\n
\n\n\n\n
\n
1
2<\/pre>\n<\/td>\n
\n
        \/\/draws our button overlay<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>menuTexture,<\/span>0<\/span>,<\/span>0<\/span>);<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
 We are now going to create two rectangles the same shape as the button to use, we define them as follows:
<\/p>\n
\n\n\n\n
\n
1
2
3
4<\/pre>\n<\/td>\n
\n
    \/\/Rectangle for our play button<\/span>
    private<\/span> Rectangle playButton =<\/span> new<\/span> Rectangle(<\/span>70<\/span>,<\/span>505<\/span>,<\/span>355<\/span>,<\/span>73<\/span>);<\/span>
    \/\/Rectangle for our achievement button<\/span>
    private<\/span> Rectangle achievementButton =<\/span> new<\/span> Rectangle(<\/span>74<\/span>,<\/span>340<\/span>,<\/span>355<\/span>,<\/span>73<\/span>);<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Now that we have the buttons on screen, we need to be able to press them. Thus we will go into the touchDown function in MainMenuScreen:
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20<\/pre>\n<\/td>\n
\n
    \/\/function is called upon the screen being pressed<\/span>
    public<\/span> boolean<\/span> touchDown<\/span>(<\/span>int<\/span> screenX,<\/span> int<\/span> screenY,<\/span> int<\/span> pointer,<\/span> int<\/span> button)<\/span> {<\/span>
        \/\/this changes the screenX and screenY from the pixel number on the phone, to the pixel<\/span>
        \/\/number associated with our game.<\/span>
        float<\/span> xPos =<\/span> (<\/span>float<\/span>)<\/span>screenX\/<\/span>Gdx.<\/span>graphics<\/span>.<\/span>getWidth<\/span>()*<\/span>480<\/span>;<\/span>
        float<\/span> yPos =<\/span> 800<\/span>-(<\/span>float<\/span>)<\/span>screenY\/<\/span>Gdx.<\/span>graphics<\/span>.<\/span>getHeight<\/span>()*<\/span>800<\/span>;<\/span>

        \/\/if click was in our play button<\/span>
        if<\/span>(<\/span>playButton.<\/span>contains<\/span>(<\/span>xPos,<\/span>yPos)){<\/span>
            \/\/Tells MyGdxGame.java to set the screen now to our GameScreen<\/span>
            game.<\/span>setScreen<\/span>(<\/span>new<\/span> GameScreen(<\/span>game));<\/span>
        }<\/span>

        \/\/if click was in our achievement screen<\/span>
        if<\/span>(<\/span>achievementButton.<\/span>contains<\/span>(<\/span>xPos,<\/span>yPos)){<\/span>
            \/\/Tells MyGdxGame.java to set the screen now to our AchievementScreen<\/span>
            game.<\/span>setScreen<\/span>(<\/span>new<\/span> AchievementScreen(<\/span>game));<\/span>
        }<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Now we are able to enter the AchievementScreen and GameScreen, but we are lacking the ability to be able to go back to the main menu. Thus we will have to rework some of the GameScreen’s end game code to allow the player to either replay the level or return to the main menu to look at achievements or other future add-ons. To start, I edited the old gameOver.png to include our buttons.
gameOver.png: <\/p>\n
<\/a><\/div>\n
We will once again define two new rectangles in our GameScreen class for the buttons:
<\/p>\n
\n\n\n\n
\n
1
2
3
4<\/pre>\n<\/td>\n
\n
    \/\/Rectangle for our play button<\/span>
    private<\/span> Rectangle replayButton =<\/span> new<\/span> Rectangle(<\/span>62<\/span>,<\/span>425<\/span>,<\/span>340<\/span>,<\/span>62<\/span>);<\/span>
    \/\/Rectangle for our achievement button<\/span>
    private<\/span> Rectangle mainMenuButton =<\/span> new<\/span> Rectangle(<\/span>62<\/span>,<\/span>264<\/span>,<\/span>340<\/span>,<\/span>62<\/span>);<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Then we are going to edit the checkScreenPress() function code to down to just directions:
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14<\/pre>\n<\/td>\n
\n
    \/\/checks if the screen is pressed<\/span>
    public<\/span> void<\/span> checkScreenPress<\/span>(){<\/span>
        \/\/if screen is pressed<\/span>
        if<\/span>(<\/span>Gdx.<\/span>input<\/span>.<\/span>isTouched<\/span>())<\/span> {<\/span>
            \/\/gets the location of the press, and determines which half of the screen was pressed<\/span>
            if<\/span> ((<\/span>float<\/span>)<\/span> Gdx.<\/span>input<\/span>.<\/span>getX<\/span>()<\/span> \/<\/span> Gdx.<\/span>graphics<\/span>.<\/span>getWidth<\/span>()<\/span> <=<\/span> .<\/span>5<\/span>)<\/span> {<\/span>
                \/\/if left half of screen, go left<\/span>
                character.<\/span>goLeft<\/span>();<\/span>
            }<\/span> else<\/span> {<\/span>
                \/\/if not on the left half of screen, it must be going right<\/span>
                character.<\/span>goRight<\/span>();<\/span>
            }<\/span>
        }<\/span>
    }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Then we are going to dump the gameOver handling and button selection into the touchDown function as follows:
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37<\/pre>\n<\/td>\n
\n
    \/\/called when screen is touched<\/span>
    public<\/span> boolean<\/span> touchDown<\/span>(<\/span>int<\/span> screenX,<\/span> int<\/span> screenY,<\/span> int<\/span> pointer,<\/span> int<\/span> button)<\/span> {<\/span>
        \/\/only work when game is Over<\/span>
        if<\/span>(<\/span>gameOver){<\/span>
            \/\/this changes the screenX and screenY from the pixel number on the phone, to the pixel<\/span>
            \/\/number associated with our game.<\/span>
            float<\/span> xPos =<\/span> (<\/span>float<\/span>)<\/span>screenX\/<\/span>Gdx.<\/span>graphics<\/span>.<\/span>getWidth<\/span>()*<\/span>480<\/span>;<\/span>
            float<\/span> yPos =<\/span> 800<\/span>-(<\/span>float<\/span>)<\/span>screenY\/<\/span>Gdx.<\/span>graphics<\/span>.<\/span>getHeight<\/span>()*<\/span>800<\/span>;<\/span>

            \/\/if click was in our replay button<\/span>
            if<\/span>(<\/span>replayButton.<\/span>contains<\/span>(<\/span>xPos,<\/span>yPos)){<\/span>
                \/\/resets char x position<\/span>
                character.<\/span>x<\/span> =<\/span> 240<\/span>;<\/span>
                \/\/clears icicles by creating new array<\/span>
                icicleArray =<\/span> new<\/span> Array<<\/span>Icicle>();<\/span>
                \/\/resets vars<\/span>
                gameOver =<\/span> false<\/span>;<\/span>
                \/\/if score was higher than the high score<\/span>
                if<\/span>(<\/span>score ><\/span> highScore){<\/span>
                    \/\/write value of score to our file<\/span>
                    file.<\/span>writeString<\/span>(<\/span>String.<\/span>valueOf<\/span>(<\/span>score),<\/span>false<\/span>);<\/span>
                    \/\/set our in-game high score to our new score<\/span>
                    highScore =<\/span> score;<\/span>
                }<\/span>
                \/\/resets score<\/span>
                score =<\/span> 0<\/span>;<\/span>

            }<\/span>
            \/\/if click was in our main menu button<\/span>
            if<\/span>(<\/span>mainMenuButton.<\/span>contains<\/span>(<\/span>xPos,<\/span>yPos)){<\/span>
                \/\/Tells MyGdxGame.java to set the screen now to our MainMenuScreen<\/span>
                game.<\/span>setScreen<\/span>(<\/span>new<\/span> MainMenuScreen(<\/span>game));<\/span>
            }<\/span>
        }<\/span>

        return<\/span> false<\/span>;<\/span>
    }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
And then we have fully functional menu menu and gameScreen buttons to travel back and forth:<\/p>\n
<\/a><\/div>\n
Then the last final step is to add a back arrow button to the achievement screen. We are not going to use the button style in the previous two screens because we would prefer to have pictures of achievements displayed on the screen. Here is the back arrow button i quickly designed:
backarrow.png:<\/p>\n
<\/a><\/div>\n
Now we will add it as a texture to our AchievementScreen and create a rectangle for it:
<\/p>\n
\n\n\n\n
\n
1
2
3
4<\/pre>\n<\/td>\n
\n
    \/\/Texture for the back arrow<\/span>
    private<\/span> Texture backArrow =<\/span> new<\/span> Texture(<\/span>\"backarrow.png\"<\/span>);<\/span>
    \/\/Rectangle for our back arrow<\/span>
    private<\/span> Rectangle backArrowButton =<\/span> new<\/span> Rectangle(<\/span>0<\/span>,<\/span>800<\/span>-<\/span>backArrow.<\/span>getHeight<\/span>(),<\/span>backArrow.<\/span>getWidth<\/span>(),<\/span>backArrow.<\/span>getHeight<\/span>());<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Draw it in our render function after cavebackground:
<\/p>\n
\n\n\n\n
\n
1
2<\/pre>\n<\/td>\n
\n
        \/\/draws our back arrow<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>backArrow,<\/span>0<\/span>,<\/span>800<\/span>-<\/span>backArrow.<\/span>getHeight<\/span>());<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
And then finally adding code to the touchDown function to work when the screen is touched:
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14<\/pre>\n<\/td>\n
\n
    \/\/called when screen is touched<\/span>
    public<\/span> boolean<\/span> touchDown<\/span>(<\/span>int<\/span> screenX,<\/span> int<\/span> screenY,<\/span> int<\/span> pointer,<\/span> int<\/span> button)<\/span> {<\/span>
        \/\/this changes the screenX and screenY from the pixel number on the phone, to the pixel<\/span>
        \/\/number associated with our game.<\/span>
        float<\/span> xPos =<\/span> (<\/span>float<\/span>)<\/span>screenX\/<\/span>Gdx.<\/span>graphics<\/span>.<\/span>getWidth<\/span>()*<\/span>480<\/span>;<\/span>
        float<\/span> yPos =<\/span> 800<\/span>-(<\/span>float<\/span>)<\/span>screenY\/<\/span>Gdx.<\/span>graphics<\/span>.<\/span>getHeight<\/span>()*<\/span>800<\/span>;<\/span>

        \/\/if click was in our play button<\/span>
        if<\/span>(<\/span>backArrowButton.<\/span>contains<\/span>(<\/span>xPos,<\/span>yPos)){<\/span>
            \/\/Tells MyGdxGame.java to set the screen now to our GameScreen<\/span>
            game.<\/span>setScreen<\/span>(<\/span>new<\/span> MainMenuScreen(<\/span>game));<\/span>
        }<\/span>
        return<\/span> false<\/span>;<\/span>
    }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
And bam! we have all of the screens functional to go back and forth with. We will be stopping here with just these two screens, but you can easily envision how you would be able to add more screens later:<\/p>\n
<\/a><\/div>\n
Step 2:<\/b>
Creating achievements! The main aspect of achievements that needs to be worked in, is in the fact that you must save the achievements much like you do for the high score, so that we are able to save which achievements have been completed. So to help encompass that for us, we will be creating an AchievementManager.Java class as follows that stores our achievements, loads achievements, and saves achievements:
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74<\/pre>\n<\/td>\n
\n
public<\/span> class<\/span> AchievementManager<\/span> {<\/span>

    \/\/creates a reference to a local file called achievements<\/span>
    FileHandle file =<\/span> Gdx.<\/span>files<\/span>.<\/span>local<\/span>(<\/span>\"achievements.txt\"<\/span>);<\/span>

    \/\/list of variables in order in the file<\/span>
    \/\/achievement1 = score 10 points<\/span>
    public<\/span> boolean<\/span> achievement1 =<\/span> false<\/span>;<\/span>
    \/\/achievement2 = score 20 points<\/span>
    public<\/span> boolean<\/span> achievement2 =<\/span> false<\/span>;<\/span>
    \/\/achievement3.. you see where this is going 30 points..<\/span>
    public<\/span> boolean<\/span> achievement3 =<\/span> false<\/span>;<\/span>
    public<\/span> boolean<\/span> achievement4 =<\/span> false<\/span>;<\/span>
    public<\/span> boolean<\/span> achievement5 =<\/span> false<\/span>;<\/span>

    public<\/span> AchievementManager<\/span>(){<\/span>
        \/\/loads achievements<\/span>
        loadAchievements();<\/span>
    }<\/span>

    \/\/this loads the achievements<\/span>
    public<\/span> void<\/span> loadAchievements<\/span>(){<\/span>
        \/\/if file exists<\/span>
        if<\/span>(<\/span>file.<\/span>exists<\/span>())<\/span> {<\/span>
            try<\/span> {<\/span>
                \/\/creates a buffered reader<\/span>
                BufferedReader bufferedReader =<\/span> file.<\/span>reader<\/span>(<\/span>254<\/span>);<\/span>
                \/\/reads each of our 5 lines as booleans<\/span>
                achievement1 =<\/span> Boolean.<\/span>parseBoolean<\/span>(<\/span>bufferedReader.<\/span>readLine<\/span>());<\/span>
                achievement2 =<\/span> Boolean.<\/span>parseBoolean<\/span>(<\/span>bufferedReader.<\/span>readLine<\/span>());<\/span>
                achievement3 =<\/span> Boolean.<\/span>parseBoolean<\/span>(<\/span>bufferedReader.<\/span>readLine<\/span>());<\/span>
                achievement4 =<\/span> Boolean.<\/span>parseBoolean<\/span>(<\/span>bufferedReader.<\/span>readLine<\/span>());<\/span>
                achievement5 =<\/span> Boolean.<\/span>parseBoolean<\/span>(<\/span>bufferedReader.<\/span>readLine<\/span>());<\/span>
                \/\/closes the buffered reader<\/span>
                bufferedReader.<\/span>close<\/span>();<\/span>
            }<\/span> catch<\/span> (<\/span>IOException e){<\/span>
            }<\/span>
        }<\/span>
    }<\/span>

    \/\/updates achievements and writes files<\/span>
    public<\/span> void<\/span> update<\/span>(<\/span>int<\/span> score){<\/span>

        \/\/I am sure there is better ways than doing this, but anyways.. checking if you<\/span>
        \/\/beat any achievements then setting them true.<\/span>
        if<\/span>(<\/span>score ><\/span> 10<\/span>){<\/span>
            if<\/span>(<\/span>score ><\/span> 20<\/span>){<\/span>
                if<\/span>(<\/span>score ><\/span> 30<\/span>){<\/span>
                    if<\/span>(<\/span>score ><\/span> 40<\/span>){<\/span>
                        if<\/span>(<\/span>score ><\/span> 50<\/span>){<\/span>
                            achievement5 =<\/span> true<\/span>;<\/span>
                        }<\/span>
                        achievement4 =<\/span> true<\/span>;<\/span>
                    }<\/span>
                    achievement3 =<\/span> true<\/span>;<\/span>
                }<\/span>
                achievement2 =<\/span> true<\/span>;<\/span>
            }<\/span>
            achievement1 =<\/span> true<\/span>;<\/span>
        }<\/span>

        \/\/writes file<\/span>
        file.<\/span>writeString<\/span>(<\/span>
                        \/\/writes each achievement with including a line break between each<\/span>
                        String.<\/span>valueOf<\/span>(<\/span>achievement1)<\/span> +<\/span> \"n\"<\/span> +<\/span>
                        String.<\/span>valueOf<\/span>(<\/span>achievement2)<\/span> +<\/span> \"n\"<\/span> +<\/span>
                        String.<\/span>valueOf<\/span>(<\/span>achievement3)<\/span> +<\/span> \"n\"<\/span> +<\/span>
                        String.<\/span>valueOf<\/span>(<\/span>achievement4)<\/span> +<\/span> \"n\"<\/span> +<\/span>
                        String.<\/span>valueOf<\/span>(<\/span>achievement5)<\/span>
                ,<\/span>false<\/span>);<\/span>
    }<\/span>


}<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Now that we have a manager to store and load our achievements, lets improve the AchievementScreen.Java class now so that we can display the achievements. To showcase the achievements, we will be using a very simple 5 static achievement boxes that we can overlay onto the screen. The textures are as follows:
achievementlayer1.png<\/p>\n
<\/a><\/div>\n
achievementlayer2.png:<\/p>\n
<\/a><\/div>\n
redX.png:<\/p>\n
<\/a><\/div>\n
So how this is going to work, is that we will draw layer 1, then redX’s over the achievements that have not been unlocked, then draw layer 2. So to start, here are the  new variables that we need to define in AchievementScreen:
<\/p>\n
\n\n\n\n
\n
1
2
3
4
5
6
7<\/pre>\n<\/td>\n
\n
    \/\/creates a achievement manager object<\/span>
    private<\/span> AchievementManager achievementManager =<\/span> new<\/span> AchievementManager();<\/span>

    \/\/creates textures for achievement displays<\/span>
    private<\/span> Texture achievementLayer1 =<\/span> new<\/span> Texture(<\/span>\"achievementlayer1.png\"<\/span>);<\/span>
    private<\/span> Texture achievementLayer2 =<\/span> new<\/span> Texture(<\/span>\"achievementlayer2.png\"<\/span>);<\/span>
    private<\/span> Texture redX =<\/span> new<\/span> Texture(<\/span>\"redX.png\"<\/span>);<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Then we will need to draw them, the render method and function call needed for this are both shown below:
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42<\/pre>\n<\/td>\n
\n
@Override<\/span>
    public<\/span> void<\/span> render<\/span>(<\/span>float<\/span> deltaTime){<\/span>
        \/\/Sets the color to be applied after clearing the screen (R,G,B,A)<\/span>
        Gdx.<\/span>gl<\/span>.<\/span>glClearColor<\/span>(<\/span>0<\/span>,<\/span>0<\/span>,<\/span>255<\/span>,<\/span>1<\/span>);<\/span>
        \/\/Clears the screen<\/span>
        Gdx.<\/span>gl<\/span>.<\/span>glClear<\/span>(<\/span>GL20.<\/span>GL_COLOR_BUFFER_BIT<\/span>);<\/span>
        \/\/updates camera view<\/span>
        camera.<\/span>update<\/span>();<\/span>
        \/\/makes the camera fit onto the available screen<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>setProjectionMatrix<\/span>(<\/span>camera.<\/span>combined<\/span>);<\/span>
        \/\/Starts gameBatch for drawing<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>begin<\/span>();<\/span>
        \/\/All drawing needs to be done here<\/span>
        \/\/Draws the Cave Background starting at x = 0, y = 0<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>caveBackground,<\/span>0<\/span>,<\/span>0<\/span>);<\/span>
        \/\/draws our back arrow<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>backArrow,<\/span>0<\/span>,<\/span>800<\/span>-<\/span>backArrow.<\/span>getHeight<\/span>());<\/span>
        \/\/draws the achievements<\/span>
        drawAchievements();<\/span>
        \/\/Ends the gameBatch after drawing<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>end<\/span>();<\/span>
    }<\/span>

    public<\/span> void<\/span> drawAchievements<\/span>(){<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>achievementLayer1,<\/span>0<\/span>,<\/span>0<\/span>);<\/span>
        if<\/span>(!<\/span>achievementManager.<\/span>achievement1<\/span>){<\/span>
            game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>redX,<\/span>52<\/span>,<\/span>459<\/span>);<\/span>
        }<\/span>
        if<\/span>(!<\/span>achievementManager.<\/span>achievement2<\/span>){<\/span>
            game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>redX,<\/span>185<\/span>,<\/span>459<\/span>);<\/span>
        }<\/span>
        if<\/span>(!<\/span>achievementManager.<\/span>achievement3<\/span>){<\/span>
            game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>redX,<\/span>322<\/span>,<\/span>459<\/span>);<\/span>
        }<\/span>
        if<\/span>(!<\/span>achievementManager.<\/span>achievement4<\/span>){<\/span>
            game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>redX,<\/span>116<\/span>,<\/span>333<\/span>);<\/span>
        }<\/span>
        if<\/span>(!<\/span>achievementManager.<\/span>achievement5<\/span>){<\/span>
            game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>redX,<\/span>253<\/span>,<\/span>333<\/span>);<\/span>
        }<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>achievementLayer2,<\/span>0<\/span>,<\/span>0<\/span>);<\/span>
    }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
We then also have to have a way to update the achievements during game play. Thus, in GameScreen we will need to define a new AchievementManager as so:
<\/p>\n
\n\n\n\n
\n
1
2<\/pre>\n<\/td>\n
\n
    \/\/creates an achievement manager<\/span>
    private<\/span> AchievementManager achievementManager =<\/span> new<\/span> AchievementManager();<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
and finally need to do some re-coding of the touchDown() method in game screen:
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47<\/pre>\n<\/td>\n
\n
    \/\/called when screen is touched<\/span>
    public<\/span> boolean<\/span> touchDown<\/span>(<\/span>int<\/span> screenX,<\/span> int<\/span> screenY,<\/span> int<\/span> pointer,<\/span> int<\/span> button)<\/span> {<\/span>
        \/\/only work when game is Over<\/span>
        if<\/span>(<\/span>gameOver){<\/span>
            \/\/this changes the screenX and screenY from the pixel number on the phone, to the pixel<\/span>
            \/\/number associated with our game.<\/span>
            float<\/span> xPos =<\/span> (<\/span>float<\/span>)<\/span>screenX\/<\/span>Gdx.<\/span>graphics<\/span>.<\/span>getWidth<\/span>()*<\/span>480<\/span>;<\/span>
            float<\/span> yPos =<\/span> 800<\/span>-(<\/span>float<\/span>)<\/span>screenY\/<\/span>Gdx.<\/span>graphics<\/span>.<\/span>getHeight<\/span>()*<\/span>800<\/span>;<\/span>

            \/\/if click was in our replay button<\/span>
            if<\/span>(<\/span>replayButton.<\/span>contains<\/span>(<\/span>xPos,<\/span>yPos)){<\/span>
                \/\/resets char x position<\/span>
                character.<\/span>x<\/span> =<\/span> 240<\/span>;<\/span>
                \/\/clears icicles by creating new array<\/span>
                icicleArray =<\/span> new<\/span> Array<<\/span>Icicle>();<\/span>
                \/\/resets vars<\/span>
                gameOver =<\/span> false<\/span>;<\/span>
                \/\/if score was higher than the high score<\/span>
                if<\/span>(<\/span>score ><\/span> highScore){<\/span>
                    \/\/write value of score to our file<\/span>
                    file.<\/span>writeString<\/span>(<\/span>String.<\/span>valueOf<\/span>(<\/span>score),<\/span>false<\/span>);<\/span>
                    \/\/set our in-game high score to our new score<\/span>
                    highScore =<\/span> score;<\/span>
                }<\/span>
                \/\/updates achievements<\/span>
                achievementManager.<\/span>update<\/span>(<\/span>score);<\/span>
                \/\/resets score<\/span>
                score =<\/span> 0<\/span>;<\/span>
            }<\/span>
            \/\/if click was in our main menu button<\/span>
            if<\/span>(<\/span>mainMenuButton.<\/span>contains<\/span>(<\/span>xPos,<\/span>yPos)){<\/span>
                \/\/updates achievements<\/span>
                achievementManager.<\/span>update<\/span>(<\/span>score);<\/span>
                \/\/Tells MyGdxGame.java to set the screen now to our MainMenuScreen<\/span>
                game.<\/span>setScreen<\/span>(<\/span>new<\/span> MainMenuScreen(<\/span>game));<\/span>
                \/\/if score was higher than the high score<\/span>
                if<\/span>(<\/span>score ><\/span> highScore){<\/span>
                    \/\/write value of score to our file<\/span>
                    file.<\/span>writeString<\/span>(<\/span>String.<\/span>valueOf<\/span>(<\/span>score),<\/span>false<\/span>);<\/span>
                    \/\/set our in-game high score to our new score<\/span>
                    highScore =<\/span> score;<\/span>
                }<\/span>
            }<\/span>
        }<\/span>

        return<\/span> false<\/span>;<\/span>
    }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
and hopefully you are now about to achieve some of those really really really hard achievements!<\/p>\n
<\/a><\/div>\n
Step 3:<\/b>
Adding your first animation!
We will be adding an animation that is already completed with an .atlas file. To create an animation sprite sheet along with a texture mapping file, please view my blog post on this (in the making…), or other tutorials online. Here is the sprite sheet for our walking actions:<\/p>\n
……To be continued later…. <\/p>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
Hello again! We are going to take our icicle mayhem game we just made (our whatever version you happened to have created!) and add some more advanced stuff to it, such as a main menu, achievements, and animations. We are going to build right off of the last post, so please visit that if you…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-89","post","type-post","status-publish","format-standard","hentry","category-programming"],"_links":{"self":[{"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=\/wp\/v2\/posts\/89","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=89"}],"version-history":[{"count":0,"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=\/wp\/v2\/posts\/89\/revisions"}],"wp:attachment":[{"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=89"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=89"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=89"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}