I'm using a little hack to change the coordinate system to the one i'm accustomed to (left and up is negative and right and down is positive) but this causes the tiled map renderer to render the map incorrectly, as shown below

Map rendered incorrectly

Whereas it looks like this in the Tiled map editor

Map rendered correctly

This is the "hack" I'm using to change the coordinate system:

float w = Gdx.graphics.getWidth();
float h = Gdx.graphics.getHeight();

Camera = new OrthographicCamera(w, h);
Camera.setToOrtho(true, w, h);

My render code


So is there a workaround to this? Or perhaps a better way to change the coordinate system that doesn't screw up everything?

Edit: The rendered tiles are correct now but the map and everything rendering is still flipped along the y-axis. If I was drawing sprite and stuff, I could always draw them flipped but I don't know how to do it with the tiled map renderer.

  • \$\begingroup\$ Maybe there is a way to hack this easily, maybe not. If you are dead set on doing it your own way you will run into these issues often. --- Maybe consider ditching the outdated (archaic!) pixel buffer nostalgia and re-wiring your brain in a way that doesn't interfere with the way the rest of the world graphs things. \$\endgroup\$
    – MickLH
    Commented Oct 13, 2013 at 23:59

2 Answers 2


seeing your both images i am sure that you are using following constructor for your code

randerer = new OrthogonalTiledMapRenderer(map);

this constructor set your map unit:pixel ratio 1:1. It is ok for non-side scrolling games but if you are planning to make a platformer side scrolling game you have to change the ratio so that you can move your camera.

replace the code with the second constructor like this

randerer = new OrthogonalTiledMapRenderer(map , 1/16f);

Now every unit of map is displaying the 16px So no set your camera to orthographic projection like this


first parameter make y axis pointing upwords , width/16 and height/16 display the map in units(like 800px/16=50 units)

now set the


now see the whole code at once.....

public void show() {
    TmxMapLoader loader = new TmxMapLoader();
    map = loader.load("data/l.tmx");
    camera = new OrthographicCamera();
    renderer = new OrthogonalTiledMapRenderer(map,1/10f);

public void resize(int width, int height) {
    // TODO Auto-generated method stub

    camera.setToOrtho(false, width/10,height/10);


 public void render(float delta) {


            // to move the camera

            camera.position.x -=2;


        camera.position.x +=2;



Camera.setToOrtho(false, w, h);

it will flip your y axis to down

and renderer to

  • \$\begingroup\$ A comment explaining how and why this will help would greatly improve the quality of this answer. \$\endgroup\$
    – user1430
    Commented Oct 15, 2013 at 16:17
  • \$\begingroup\$ I had tried @JoshPetrie with my little knowledge of english \$\endgroup\$ Commented Oct 15, 2013 at 17:34

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .