Холст не обновится?

Question

Я делаю онлайн-шашки.

Я добавил кусочки движущихся возможностей, и части перемещаются, но они, похоже, не перемещаются.

Вот JSFiddle я сделал из моего проекта: https://jsfiddle.net/y1s0uoq6/

При нажатии на части, а затем нажмите на один из вариантов, чтобы переместиться, куски ху координат обновления, и они могут быть щелкнул на новом месте , но чекер не появляется на новом месте.

Я обновляю все позиции шашек с этим:

for(var checker of this.checkers) { 
    checker.draw();   
} 

Но шашки до сих пор не обновляются в графическом виде. Кажется, обновляется только их позиция.

Почему это? Может кто-то пролить свет на эту проблему?

Answer 1

Проблема эта линия в функции .draw():

ctx.ellipse(x+32,y+32,28,28,45 * Math.PI/180,0,2 * Math.PI); 

Вы используете x и y, которые являются оригинальными координатой, используемой при проверке создаются - они аргументы от вашего Checker() конструктор. Вы должны использовать this.x и this.y получить текущие координаты:

ctx.ellipse(this.x+32,this.y+32,28,28,45 * Math.PI/180,0,2 * Math.PI); 

Обновлено демо: https://jsfiddle.net/y1s0uoq6/1/