How to stop sprite when overlap on in libgdx?

Question

How can I stop my player if he overlap or touch the ball? In my top down game my player is cat and I want to stop his moving or stack in that place of the ball is located if he hit the ball I'm using acceleromter to move the cat left and right.

Here is my code. How can I add collide method just like the image bellow? Thank's and advance!

// Load the sprite sheet as a texture
cat = new Texture(Gdx.files.internal("cat.png"));
catsprite = new Sprite(cat);
player = new Rectangle();
player.width = 20;
player.height = 80;
player.x = 300;
player.y = 0;

basketball = new Texture(Gdx.files.internal("ball.png"));
ball = new Circle();
ball.x = Gdx.graphics.getWidth() / 2;
ball.y = Gdx.graphics.getHeight() / 2;
ball.radius = basketball.getWidth() / 2;

In render method

camera.update();
TextureRegion currentFrame = walkAnimation.getKeyFrame(stateTime, true);
spriteBatch.draw(basketball, ball.x-ball.radius, ball.y-ball.radius);
spriteBatch.draw(currentFrame,player.x, player.y);// Draw current frame at (50, 50)

if(player.y < 0) 
    player.y = 0;
if(player.y > 900 - 80) 
    player.y = 700 - 80;

// check collision
if(Intersector.overlaps(ball, player)){
    tmp.set(player.x, player.y + player.height/2, player.width, player.height/2);

    if (Intersector.overlaps(ball, tmp)){
        //top half (or both top and bottom) hit
        Gdx.app.log("overlaps", "yes");
    } else {
        //bottom half hit
    }
}

//Mobile acceleration
if (Gdx.input.isPeripheralAvailable(Input.Peripheral.Accelerometer)) {
    player.x -= Gdx.input.getAccelerometerX();
    player.y += Gdx.input.getAccelerometerY();
}

if (player.y > Gdx.graphics.getHeight() - 100)
    player.y = Gdx.graphics.getHeight() - 100;

if (player.x < 0) {
    player.x = 0;
    player.x += Gdx.graphics.getDeltaTime() * catSpeed;
}

if (player.x > Gdx.graphics.getHeight() - 250) {
    player.x = Gdx.graphics.getHeight() - 250;
}

Answer 1

In your collision detection code you can do this to stop your player when he collides with the ball:

// check collision
if(Intersector.overlaps(ball, player)){
    tmp.set(player.x, player.y + player.height/2, player.width, player.height/2);

    if (Intersector.overlaps(ball, tmp)){
        //top half (or both top and bottom) hit
        Gdx.app.log("overlaps", "yes");
    } else {
        //bottom half hit
    }
} else {
    //Mobile acceleration
    if (Gdx.input.isPeripheralAvailable(Input.Peripheral.Accelerometer)) {
        player.x -= Gdx.input.getAccelerometerX();
        player.y += Gdx.input.getAccelerometerY();
    }
}

I've simply moved the movement code inside of the new else { ... } statement. This should completely stop the player if the player collides with the ball. Although this introduces a problem; if we collide with the ball we can never move our player again. To counteract this we have to move the player at least 1px outside of the ball. A very simple and inaccurate solution might look something like this:

if(Intersector.overlaps(ball, player)) {
    tmp.set(player.x, player.y + player.height/2, player.width, player.height/2);

    // The center of the ball
    Vector2 ballCenter = new Vector2(ball.x + ball.radius, ball.y + ball.radius);
    // The center of the cat
    Vector2 catCenter = new Vector2(cat.x + cat.width / 2, cat.y + cat.height / 2);
    // The vector pointing from the ball's center to the cat's center.
    Vector2 catBallVector = new Vector2(ballCenter).sub(catCenter);
    catBallVector.limit(pushDistance); //pushDistance is how far you should push your cat

    cat.setPosition(cat.x + catBallVector.x, cat.y + catBallVector.y);

    ... rest of code ...
} else {
    ... rest of code ...
}

Hopefully I answered your question. If you have any concerns feel free to post a comment!