{"id":92,"date":"2015-07-24T17:51:00","date_gmt":"2015-07-24T17:51:00","guid":{"rendered":"https:\/\/therenaissanceraven.com\/?p=92"},"modified":"2015-07-24T17:51:00","modified_gmt":"2015-07-24T17:51:00","slug":"libgdx-creating-objects-and-movement","status":"publish","type":"post","link":"https:\/\/therenaissanceraven.com\/?p=92","title":{"rendered":"*libGDX* Creating Objects and Movement"},"content":{"rendered":"

Here we will be showing how to create a simple object and to make it move. To do this we will first need to make a simple object that we would wish to create. Below is a picture I drew in 3.5 seconds, its a 20×20 pixel png image named “object.png”. Note: All asset names need to be lower-cased.<\/p>\n

<\/a><\/div>\n

First we should add a little structure to this object, such as its location and speed, however we do wish to create multiple, so writing a whole new one every time would be a pain. Thus we will create an class to form a sort-of blueprint for all of the objects. The class you will need is the following:<\/p>\n

<\/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<\/pre>\n<\/td>\n
\n
 \/\/This is our \"class\" which defines our object \"MyObject\" that we will be creating<\/span>
    public<\/span> class<\/span> MyObject<\/span>{<\/span>
        \/\/Creates the Texture or image of our object<\/span>
        private<\/span> Texture myTexture =<\/span> new<\/span> Texture(<\/span>\"object.png\"<\/span>);<\/span>
        \/\/Gets X location of the courser upon spawning, corrects x loc to be in middle of cursor<\/span>
        private<\/span> int<\/span> xLoc =<\/span> Gdx.<\/span>input<\/span>.<\/span>getX<\/span>()<\/span> -<\/span> 10<\/span>;<\/span>
        \/\/Gets Y location of the courser upon spawning, corrects y loc to be in middle of cursor<\/span>
        private<\/span> int<\/span> yLoc =<\/span> Gdx.<\/span>input<\/span>.<\/span>getY<\/span>()<\/span> +<\/span> 10<\/span>;<\/span>
        \/\/Defines variables to store the Velocity<\/span>
        private<\/span> int<\/span> xSpeed;<\/span>
        private<\/span> int<\/span> ySpeed;<\/span>

        \/\/This relieves the random velocity given to the object upon creation<\/span>
        public<\/span> MyObject<\/span>(<\/span>int<\/span> xspeed,<\/span> int<\/span> yspeed){<\/span>
            \/\/Sets the velocity sent to it, to the variables defined above<\/span>
            this<\/span>.<\/span>xSpeed<\/span> =<\/span> xspeed;<\/span>
            this<\/span>.<\/span>ySpeed<\/span> =<\/span> yspeed;<\/span>
        }<\/span>
        \/\/This updates the location of our object by adding the speed of each direction to the current location<\/span>
        public<\/span> void<\/span> Update<\/span>(){<\/span>
            this<\/span>.<\/span>xLoc<\/span> +=<\/span> xSpeed;<\/span>
            this<\/span>.<\/span>yLoc<\/span> +=<\/span> ySpeed;<\/span>
        }<\/span>
    }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Note: You must add either my object our your own object into the assets folder in the android project. The same location as the default “badlogic.jpg”. If you are having issues loading the file into the assets folder, try right clicking the assets folder to open in explorer, you can then drag and drop the file into the assets.<\/p>\n
Now that we have the backbones for creating our object, lets get to the actual process of creating\/spawning them upon clicking the screen. To do this, we will need to take two steps: 1) keeping track of all of our objects and 2) spawning them upon being clicked. For the first step we will create an Array that is designed for our object, this will store all of objects so we can access them easily:
<\/p>\n
\n\n\n\n
\n
1
2<\/pre>\n<\/td>\n
\n
    \/\/Creates and array to hold all of our objects<\/span>
    private<\/span> Array myObjectArray =<\/span> new<\/span> Array<<\/span>MyObject>();<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Then you are going to put the following code within the Render(float deltaTime) portion:<\/p>\n
<\/p>\n
\n\n\n\n
\n
1
2
3
4
5
6
7<\/pre>\n<\/td>\n
\n
\/\/Code snippet that runs when being touched<\/span>
        if<\/span>(<\/span>Gdx.<\/span>input<\/span>.<\/span>isTouched<\/span>()){<\/span>
            \/\/Creates a new Object (which is our moving thingies) with a random x and random y speed<\/span>
            MyObject myObject =<\/span> new<\/span> MyObject(<\/span>MathUtils.<\/span>random<\/span>(-<\/span>5<\/span>,<\/span>5<\/span>),<\/span>MathUtils.<\/span>random<\/span>(-<\/span>5<\/span>,<\/span>5<\/span>));<\/span>
            \/\/Adds our new created object to our object array<\/span>
            myObjectArray.<\/span>add<\/span>(<\/span>myObject);<\/span>
        }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
Now we are creating an object, with a random velocity, and adding into our array that holds all of the objects. Now we will wish to sort through all of the objects and update them allowing with drawing them onto the screen. This portion will also go into the Render(float deltaTime) portion:
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11<\/pre>\n<\/td>\n
\n
\/\/Creates an iterator what will sort through objects of the from of \"MyOjbect\"<\/span>
        Iterator<<\/span>MyObject><\/span> rectIter =<\/span> myObjectArray.<\/span>iterator<\/span>();<\/span>
        \/\/This runs through each object in the iterator<\/span>
        while<\/span>(<\/span>rectIter.<\/span>hasNext<\/span>()){<\/span>
            \/\/sets the current object to a new myObject<\/span>
            MyObject myObject =<\/span> rectIter.<\/span>next<\/span>();<\/span>
            \/\/updates the current object that it is controlling<\/span>
            myObject.<\/span>Update<\/span>();<\/span>
            \/\/Draws the current object onto the screen<\/span>
            game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>myObject.<\/span>myTexture<\/span>,<\/span> myObject.<\/span>xLoc<\/span>,<\/span> (<\/span>480<\/span>-<\/span>myObject.<\/span>yLoc<\/span>));<\/span>
        }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
And that is it! You can also add a little X,Y, coordinate transcriber if you wish to the top left of the screen by the following code:
<\/p>\n
\n\n\n\n
\n
1
2<\/pre>\n<\/td>\n
\n
\/\/Displays x and y cursor position<\/span>
        game.<\/span>gameFont<\/span>.<\/span>draw<\/span>(<\/span>game.<\/span>gameBatch<\/span>,<\/span> \"X: \"<\/span> +<\/span> Gdx.<\/span>input<\/span>.<\/span>getX<\/span>()<\/span> +<\/span> \"  Y: \"<\/span> +<\/span> (<\/span>480<\/span> -<\/span> Gdx.<\/span>input<\/span>.<\/span>getY<\/span>()),<\/span>0<\/span>,<\/span>480<\/span>);<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n
And we are done! You should have something that hopefully functions as such:<\/p>\n
<\/a>
Also, the entire class is shown below if you wish: 
<\/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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135<\/pre>\n<\/td>\n
\n
package<\/span> com.<\/span>mygdx<\/span>.<\/span>adlermac<\/span>;<\/span>

import<\/span> com.badlogic.gdx.Gdx<\/span>;<\/span>
import<\/span> com.badlogic.gdx.Screen<\/span>;<\/span>
import<\/span> com.badlogic.gdx.graphics.GL20<\/span>;<\/span>
import<\/span> com.badlogic.gdx.graphics.OrthographicCamera<\/span>;<\/span>
import<\/span> com.badlogic.gdx.graphics.Texture<\/span>;<\/span>
import<\/span> com.badlogic.gdx.math.MathUtils<\/span>;<\/span>
import<\/span> com.badlogic.gdx.utils.Array<\/span>;<\/span>

import<\/span> java.util.Iterator<\/span>;<\/span>

public<\/span> class<\/span> MainMenuScreen<\/span> implements<\/span> Screen {<\/span>

    \/\/creates a placeholder for the game we are passing (Switch AdlermacGame to name of your Game Class!)<\/span>
    private<\/span> AdlermacGame game;<\/span>

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

    \/\/Creates and array to hold all of our objects<\/span>
    private<\/span> Array myObjectArray =<\/span> new<\/span> Array<<\/span>MyObject>();<\/span>

    \/\/called upon bein set as a screen (Switch AdlermacGame to name of your Game Class!)<\/span>
    public<\/span> MainMenuScreen<\/span>(<\/span>AdlermacGame game){<\/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>true<\/span>,<\/span>800<\/span>,<\/span>480<\/span>);<\/span>
    }<\/span>

    \/\/this is called every time the game is rendered<\/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>

        \/\/If you have do not have gameBatch stated in your Game class, you must call:<\/span>
        \/\/SpriteBatch gameBatch = new SpriteBatch();<\/span>
        \/\/and then replace all \"game.gameBatch\" with just \"gameBatch\"<\/span>
        \/\/initiates the SpriteBatch from the main Game class<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>begin<\/span>();<\/span>

        \/\/Code snippet that runs when being touched<\/span>
        if<\/span>(<\/span>Gdx.<\/span>input<\/span>.<\/span>isTouched<\/span>()){<\/span>
            \/\/Creates a new Object (which is our moving thingies) with a random x and random y speed<\/span>
            MyObject myObject =<\/span> new<\/span> MyObject(<\/span>MathUtils.<\/span>random<\/span>(-<\/span>5<\/span>,<\/span>5<\/span>),<\/span>MathUtils.<\/span>random<\/span>(-<\/span>5<\/span>,<\/span>5<\/span>));<\/span>
            \/\/Adds our new created object to our object array<\/span>
            myObjectArray.<\/span>add<\/span>(<\/span>myObject);<\/span>
        }<\/span>

        \/\/Creates an iterator what will sort through objects of the from of \"MyOjbect\"<\/span>
        Iterator<<\/span>MyObject><\/span> rectIter =<\/span> myObjectArray.<\/span>iterator<\/span>();<\/span>
        \/\/This runs through each object in the iterator<\/span>
        while<\/span>(<\/span>rectIter.<\/span>hasNext<\/span>()){<\/span>
            \/\/sets the current object to a new myObject<\/span>
            MyObject myObject =<\/span> rectIter.<\/span>next<\/span>();<\/span>
            \/\/updates the current object that it is controlling<\/span>
            myObject.<\/span>Update<\/span>();<\/span>
            \/\/Draws the current object onto the screen<\/span>
            game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>myObject.<\/span>myTexture<\/span>,<\/span> myObject.<\/span>xLoc<\/span>,<\/span> (<\/span>480<\/span>-<\/span>myObject.<\/span>yLoc<\/span>));<\/span>
        }<\/span>

        \/\/displays the deltaTime<\/span>
        System.<\/span>out<\/span>.<\/span>println<\/span>(<\/span>\"deltaTime: \"<\/span> +<\/span> deltaTime);<\/span>
        \/\/shows what the Frames Per Second is<\/span>
        System.<\/span>out<\/span>.<\/span>println<\/span>(<\/span>\"FPS: \"<\/span> +<\/span> 1<\/span>f\/<\/span>deltaTime);<\/span>
        \/\/Displays x and y cursor position<\/span>
        game.<\/span>gameFont<\/span>.<\/span>draw<\/span>(<\/span>game.<\/span>gameBatch<\/span>,<\/span> \"X: \"<\/span> +<\/span> Gdx.<\/span>input<\/span>.<\/span>getX<\/span>()<\/span> +<\/span> \"  Y: \"<\/span> +<\/span> (<\/span>480<\/span> -<\/span> Gdx.<\/span>input<\/span>.<\/span>getY<\/span>()),<\/span>0<\/span>,<\/span>480<\/span>);<\/span>
        \/\/ends the SpriteBatch<\/span>
        game.<\/span>gameBatch<\/span>.<\/span>end<\/span>();<\/span>
    }<\/span>

    \/\/This is our \"class\" which defines our object \"MyObject\" that we will be creating<\/span>
    public<\/span> class<\/span> MyObject<\/span>{<\/span>
        \/\/Creates the Texture or image of our object<\/span>
        private<\/span> Texture myTexture =<\/span> new<\/span> Texture(<\/span>\"object.png\"<\/span>);<\/span>
        \/\/Gets X location of the courser upon spawning, corrects x loc to be in middle of cursor<\/span>
        private<\/span> int<\/span> xLoc =<\/span> Gdx.<\/span>input<\/span>.<\/span>getX<\/span>()<\/span> -<\/span> 10<\/span>;<\/span>
        \/\/Gets Y location of the courser upon spawning, corrects y loc to be in middle of cursor<\/span>
        private<\/span> int<\/span> yLoc =<\/span> Gdx.<\/span>input<\/span>.<\/span>getY<\/span>()<\/span> +<\/span> 10<\/span>;<\/span>
        \/\/Defines variables to store the Velocity<\/span>
        private<\/span> int<\/span> xSpeed;<\/span>
        private<\/span> int<\/span> ySpeed;<\/span>

        \/\/This relieves the random velocity given to the object upon creation<\/span>
        public<\/span> MyObject<\/span>(<\/span>int<\/span> xspeed,<\/span> int<\/span> yspeed){<\/span>
            \/\/Sets the velocity sent to it, to the variables defined above<\/span>
            this<\/span>.<\/span>xSpeed<\/span> =<\/span> xspeed;<\/span>
            this<\/span>.<\/span>ySpeed<\/span> =<\/span> yspeed;<\/span>
        }<\/span>
        \/\/This updates the location of our object by adding the speed of each direction to the current location<\/span>
        public<\/span> void<\/span> Update<\/span>(){<\/span>
            this<\/span>.<\/span>xLoc<\/span> +=<\/span> xSpeed;<\/span>
            this<\/span>.<\/span>yLoc<\/span> +=<\/span> ySpeed;<\/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
Bonus: If you notice after you add a lot of the objects, the FPS of the game will slow down considerably. Which is not surpising given how many we are spawning and it is trying to keep track of. Thus, we can dynamically remove all of the objects that happen to off of the screen by altering the existing Iterator code to the following: 
<\/p>\n
\n\n\n\n
\n
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15<\/pre>\n<\/td>\n
\n
 \/\/Creates an iterator what will sort through objects of the from of \"MyOjbect\"<\/span>
        Iterator<<\/span>MyObject><\/span> rectIter =<\/span> myObjectArray.<\/span>iterator<\/span>();<\/span>
        \/\/This runs through each object in the iterator<\/span>
        while<\/span>(<\/span>rectIter.<\/span>hasNext<\/span>()){<\/span>
            \/\/sets the current object to a new myObject<\/span>
            MyObject myObject =<\/span> rectIter.<\/span>next<\/span>();<\/span>
            \/\/updates the current object that it is controlling<\/span>
            myObject.<\/span>Update<\/span>();<\/span>
            \/\/Removes object if off screen<\/span>
            if<\/span>(<\/span>myObject.<\/span>xLoc<\/span> ><\/span> 800<\/span> ||<\/span> myObject.<\/span>xLoc<\/span> <<\/span> 0<\/span> ||<\/span> myObject.<\/span>yLoc<\/span> <<\/span> 0<\/span> ||<\/span> myObject.<\/span>yLoc<\/span> ><\/span> 480<\/span>){<\/span>
                rectIter.<\/span>remove<\/span>();<\/span>
            }<\/span>
            \/\/Draws the current object onto the screen<\/span>
            game.<\/span>gameBatch<\/span>.<\/span>draw<\/span>(<\/span>myObject.<\/span>myTexture<\/span>,<\/span> myObject.<\/span>xLoc<\/span>,<\/span> (<\/span>480<\/span>-<\/span>myObject.<\/span>yLoc<\/span>));<\/span>
        }<\/span>
<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Here we will be showing how to create a simple object and to make it move. To do this we will first need to make a simple object that we would wish to create. Below is a picture I drew in 3.5 seconds, its a 20×20 pixel png image named “object.png”. Note: All asset names…<\/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-92","post","type-post","status-publish","format-standard","hentry","category-programming"],"_links":{"self":[{"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=\/wp\/v2\/posts\/92","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=92"}],"version-history":[{"count":0,"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=\/wp\/v2\/posts\/92\/revisions"}],"wp:attachment":[{"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/therenaissanceraven.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}