Попадание шарика в ячейку

let roulette = document.getElementById('roulette'); 
let svg = document.getElementById('svg'); 
let count = +prompt('Введите число: '); 
 
let rouletteLever; 
let rouletteSpin; 
let balls; 
let runByButton; 
 
class rouletteGame extends Phaser.Scene { 
  constructor() { 
    super('WorldGame'); 
 
    this.ellipse = { 
      forBall: { 
        ball: null, 
        graphics: null, 
        circle: null, 
        hideTheBall: true 
      } 
    }; 
 
    this.boundsCoords = { 
      x: 0, 
      y: 0, 
      width: 20, 
      height: 20 
    } 
  } 
 
  changeRouletteSpin() { 
    rouletteSpin = this.add.sprite(108, 110, 'rouletteSpin', 'Num_Spin_00359.png.webp'); 
    rouletteSpin.setScale(0.7); 
 
    let rouletteSpinFrames = this.anims.generateFrameNames('rouletteSpin', { 
      start: 358, 
      end: 0, 
      zeroPad: 5, 
      prefix: 'Num_Spin_', 
      suffix: '.png.webp' 
    }); 
 
    this.anims.create({ 
      key: 'rouletteSpin', 
      frames: rouletteSpinFrames, 
      frameRate: 29, 
      repeat: -1 
    }); 
    rouletteSpin.anims.play('rouletteSpin'); 
  } 
 
  changeRouletteLever() { 
    rouletteLever = this.add.sprite(200, 150, 'rouletteLever', 'ColumnSpin_00089.png.webp').setScale(0.7); 
 
    let rouletteLeverFrames = this.anims.generateFrameNames('rouletteLever', { 
      start: 88, 
      end: 0, 
      zeroPad: 5, 
      prefix: 'ColumnSpin_', 
      suffix: '.png.webp' 
    }); 
 
    this.anims.create({ 
      key: 'rouletteLever', 
      frames: rouletteLeverFrames, 
      frameRate: 29, 
      repeat: -1 
    }); 
    rouletteLever.anims.play('rouletteLever'); 
  } 
 
  preload() { 
    this.load.image('background', 'images/table_en.png.webp'); 
    this.load.image('wheel', 'images/UpperWheel.png.webp'); 
    this.load.image('ball', 'images/ball.png.webp'); 
    this.load.image('top-panel', 'images/3droulette_lobby_up_bar_full_wide_sdk.png.webp'); 
    this.load.multiatlas('rouletteSpin', 'images/roulette.json', 'images'); 
    this.load.multiatlas('rouletteLever', 'images/lever.json', 'images'); 
    this.load.spritesheet('button-deposit', 'images/button-deposit.png', { 
      frameWidth: 180, 
      frameHeight: 60 
    }); 
  } 
 
  create() { 
    this.matter.world.setBounds(this.boundsCoords.x, this.boundsCoords.y, this.boundsCoords.width, this.boundsCoords.height, 1).disableGravity(); 
 
    this.ellipse.forBall.graphics = this.add.graphics({ 
      lineStyle: { 
        width: 2, 
        color: 0x00ff00 
      }, 
      fillStyle: { 
        color: 0xff0000 
      } 
    }); 
    this.time.advancedTiming = true; 
    this.add.image(0, -160, 'background').setOrigin(0, 0).setScale(0.7); 
    this.add.image(20, 30, 'wheel').setOrigin(0, 0).setScale(0.7); 
 
    //Смена спрайтов колеса 
 
    this.changeRouletteSpin(); 
 
    //Смена спрайтов столба 
 
    this.changeRouletteLever(); 
 
    //Эллипс, по которому движется шарик, который должен упасть на ячейку 
 
    this.ellipse.forBall.circle = new Phaser.Geom.Ellipse(260, 235, 380, 300); 
    this.ellipse.forCells.path.point = this.add.image(-50, -50, 'ball').setScale(0.7); 
 
    //Изображение самого шарика 
 
    this.ellipse.forBall.ball = this.add.image(-50, -50, 'ball').setScale(0.7); 
  } 
 
  decreaseEllipseRadius(c, coeff = 0) { 
    this.ellipse.forBall.circle.width -= (this.ellipse.forBall.circle.width / c + coeff); 
    this.ellipse.forBall.circle.height -= (this.ellipse.forBall.circle.height / c + 0.2 + coeff); 
  } 
 
  update() { 
    this.ellipse.forBall.graphics.clear(); 
    this.ellipse.forBall.circle.getPoint(this.ellipse.forCells.path.step, this.ellipse.forCells.path.point); 
    this.ellipse.forBall.graphics.strokeEllipseShape(this.ellipse.forBall.circle, 64); 
  } 
} 
 
let config = { 
  type: Phaser.WEBGL, 
  parent: 'roulette', 
  physics: { 
    default: 'matter', 
    matter: { 
      debug: true, 
    }, 
    arcade: { 
      gravity: { 
        y: 0 
      }, 
      debug: false, 
    } 
  }, 
  scale: { 
    mode: Phaser.Scale.FIT, 
    autoCenter: Phaser.Scale.CENTER_BOTH, 
    width: 1340, 
    height: 760, 
  }, 
  scene: rouletteGame 
}; 
 
let game = new Phaser.Game(config); 
 
document.querySelector('.roulette-spin').addEventListener('click', () => { 
  runByButton = true; 
});