/****
* Classes
****/
// Assets are automatically created based on usage in the code.
// Ball class
var Ball = Container.expand(function () {
  var self = Container.call(this);
  // Attach the white ball asset
  var ballGraphics = self.attachAsset('whiteBall', {
    anchorX: 0.5,
    anchorY: 0.5
  });
  // Initial position of the ball will be set when it's added to the game
  self.x = 0;
  self.y = 0;
});

/****
* Initialize Game
****/
var game = new LK.Game({
  backgroundColor: 0xFFE08C // Set background color to yellow-orange
});

/****
* Game Code
****/
// Create and add the white ball to the game
var whiteBall = game.addChild(new Ball());
// Set initial position of the white ball to the center of the screen
whiteBall.x = 2048 / 2;
whiteBall.y = 2732 / 2;
// Function to handle drag movement
function handleDrag(obj) {
  var event = obj.event;
  var pos = event.getLocalPosition(game);
  whiteBall.x = pos.x;
  whiteBall.y = pos.y;
}
// Add event listener for drag movement
game.on('down', function (obj) {
  handleDrag(obj); // Start dragging on touch down
  game.on('move', handleDrag); // Continue dragging on move
});
// Stop dragging when the touch ends
game.on('up', function (obj) {
  game.off('move', handleDrag); // Remove move listener to stop dragging
});
// No need to handle game tick explicitly as the ball movement is handled via drag events