Odtnhj

I made a 5x5 grid by brute force, and now I want to change the tile's color upon click. The problem is in the touch down method which I can't seem to solve. I am a newbie at libgdx.

package ksmd.tiles.Screens;

import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.InputProcessor;
import com.badlogic.gdx.Screen;
import com.badlogic.gdx.graphics.GL20;
import com.badlogic.gdx.graphics.OrthographicCamera;
import com.badlogic.gdx.graphics.Texture;
import com.badlogic.gdx.graphics.g2d.SpriteBatch;
import com.badlogic.gdx.graphics.g2d.TextureRegion;
import com.badlogic.gdx.math.Vector3;
import com.badlogic.gdx.utils.viewport.FitViewport;
import com.badlogic.gdx.utils.viewport.Viewport;

import ksmd.tiles.Tiles;
import ksmd.tiles.UI.Tile;

public class PlayScreen implements Screen, InputProcessor



 private Tiles game;
 private Tile tiles;
 private Viewport viewport;
 private OrthographicCamera camera;
 private boolean selected;
 private SpriteBatch batch;
 private Texture tex;
 private TextureRegion lit;
 private TextureRegion dark;
 private Vector3 mouse;

 private float WORLD_WIDTH = 480, WORLD_HEIGHT = 800; //to see 50 x 50 units of the world
 private float TILE_SIZE; //on tile is 10 units big

 public PlayScreen(Tiles game) 
 this.game = game;
 

 @Override
 public void show() 

 camera = new OrthographicCamera(WORLD_WIDTH, WORLD_HEIGHT);
 camera.position.set(camera.viewportWidth / 2, camera.viewportHeight / 2, 0); // center the camera
 viewport = new FitViewport(WORLD_WIDTH, WORLD_HEIGHT, camera); // create a viewport which sees 50 x 50 units of the game world

 batch = new SpriteBatch();

 tex = new Texture(Gdx.files.internal("badlogic.jpg"));

 lit = Tiles.res.getAtlas("pack").findRegion("lit");
 dark = Tiles.res.getAtlas("pack").findRegion("dark");
 tiles = new Tile[5][5];
 TILE_SIZE = WORLD_WIDTH / tiles[0].length; //on tile is 10 units big

 //Create the tiles
 for(int row = 0; row < tiles.length; row++)
 for(int col = 0; col < tiles[0].length; col++)
 if (selected) 
 tiles[row][col] = new Tile(col * TILE_SIZE, row * TILE_SIZE,TILE_SIZE, TILE_SIZE, lit);
 else 
 tiles[row][col] = new Tile(col * TILE_SIZE, row * TILE_SIZE,TILE_SIZE, TILE_SIZE, dark);

 

 
 
 

 public void setSelected (boolean b) 
 selected = b;
 

 public boolean getSelected() return selected; 

 //render the Tiles
 @Override
 public void render(float delta) 
 Gdx.gl.glClearColor(0, 0, 0, 1);
 Gdx.gl.glClear(GL20.GL_COLOR_BUFFER_BIT);
 batch.setProjectionMatrix(viewport.getCamera().combined);

 batch.begin(); //call batch.begin() (this is the only call of batch.begin() !!! )
 for(int row = 0; row < tiles.length; row++)
 for(int col = 0; col < tiles[0].length; col++)
 tiles[row][col].render(batch, delta); // call the render method of each tile
 
 
 batch.end();//call batch.end() (this is the only call of batch.end() !!! )
 

 @Override
 public void resize(int width, int height) 
 viewport.update(width, height);
 

 @Override
 public void dispose() 
 //dispose disposable objects
 batch.dispose();
 

 @Override
 public void pause() 
 

 @Override
 public void resume() 
 

 @Override
 public void hide() 
 

 @Override
 public boolean keyDown(int keycode) 
 return false;
 

 @Override
 public boolean keyUp(int keycode) 
 return false;
 

 @Override
 public boolean keyTyped(char character) 
 return false;
 

 @Override
 public boolean touchDown(int screenX, int screenY, int pointer, int button) 
 
 Vector3 clickPos = new Vector3(screenX, screenY,0);
 camera.unproject(clickPos);

 for(int row = 0; row < tiles.length; row++)
 for(int col = 0; col < tiles[0].length; col++)
 if(tiles[row][col].getBounding().contains(clickPos.x, clickPos.y))
 //Tile tiles[row][col] was clicked
 selected = true;
 
 
 

 return false;


 @Override
 public boolean touchUp(int screenX, int screenY, int pointer, int button) 
 return false;
 

 @Override
 public boolean touchDragged(int screenX, int screenY, int pointer) 
 return false;
 

 @Override
 public boolean mouseMoved(int screenX, int screenY) 
 return false;
 

 @Override
 public boolean scrolled(int amount) 
 return false;
 

The problem is in touch down. I am not sure how to get x and y of the tile and change its color upon click.

package ksmd.tiles.UI;

import com.badlogic.gdx.graphics.Texture;
import com.badlogic.gdx.graphics.g2d.Batch;
import com.badlogic.gdx.graphics.g2d.Sprite;
import com.badlogic.gdx.graphics.g2d.TextureRegion;

public class Tile 

private Sprite texture;
private Rectangle bounding;

public Tile(float x, float y, float widht, float height, TextureRegion tex) 
 texture = new Sprite(tex);
 texture.setBounds(x + 4, y *1.55f + 4, widht - 8, height* 1.55f - 8); // set bounds of Sprite
 bounding = new Rectangle(x + 4, y *1.55f + 4, widht - 8, height* 1.55f - 8);



public void render(Batch batch, float delta)
 //draw the sprite, but not call batch.begin() !!! because batch.begin() is already called!
 texture.draw(batch);


public Rectangle getBounding() return bounding; 

I have edited the code to include tile class. This is a grid with rectangular tiles.

In your Tile class create a com.badlogic.gdx.math.Rectangle object which can check if a point is in this Rectangle:

public class Tile 
 ...
 private Rectangle bounding;

 public Tile(float x, float y, float width, float height)
 ...
 bounding = new Rectangle(x, y, width, height);

 

 public Rectangle getBounding() return bounding; 

And then in your touchDown method:

@Override
public boolean touchDown(int screenX, int screenY, int pointer, int button) 
 Vector3 clickPos = camera.unproject(screenX, screenY, 0);

 for(int row = 0; row < tiles.length; row++)
 for(int col = 0; col < tiles[0].length; col++)
 if(tiles[row][col].getBounding().contains(clickPos.x, clickPos.y))
 //Tile tiles[row][col] was clicked
 return true;
 
 
 

 return false;